PROMULGATOR

博

陕西省西安市

← js内容选中即复制

→ jQuery滚动数字、计数器(原创)

相关代码

jQuery强制禁止页面滚动

弹出层完美禁止页面滚动

禁止右键代码

图片轮播，禁止页面放大缩小（原创）

移动端滚动穿透问题解决方案

js鼠标滚轮事件禁止默认行为preventDefault，兼容各大浏览器

jquery循环滚动

Html

Css

Js

超实用的jQuery代码段 - jQuery实现强制禁止页面滚动的方法

0

鼠标移动这里，禁止转动滚轮！
鼠标移出这里，开启转动滚轮！

window.onload = function() {
    for (i = 0; i < 50; i++) {
        var x = document.createElement('div');
        x.innerHTML = "jQuery<br/>";
        document.body.appendChild(x);
    }

function $(x) {
        return document.getElementById(x);
    };
    $("wrap").onmousewheel = function scrollWheel(e) {
        var sl;
        e = e || window.event;
        if (navigator.userAgent.toLowerCase().indexOf('msie') >= 0) {
            event.returnValue = false;
        } else {
            e.preventDefault();
        };
        if (e.wheelDelta) {
            sl = e.wheelDelta;
        } else if (e.detail) {
            sl = -e.detail;
        };
        if (sl < 0) {
            var x = parseInt($("he").innerHTML);
            x++;
            $("he").innerHTML = x;
        } else {
            var x = parseInt($("he").innerHTML);
            x--;
            $("he").innerHTML = x;
        };
    };
    if (navigator.userAgent.toLowerCase().indexOf('firefox') >= 0) {
        //firefox支持onmousewheel
        addEventListener('DOMMouseScroll',
            function(e) {
                var obj = e.target;
                var onmousewheel;
                while (obj) {
                    onmousewheel = obj.getAttribute('onmousewheel') || obj.onmousewheel;
                    if (onmousewheel) break;
                    if (obj.tagName == 'BODY') break;
                    obj = obj.parentNode;
                };
                if (onmousewheel) {
                    if (e.preventDefault) e.preventDefault();
                    e.returnValue = false; //禁止页面滚动
                    if (typeof obj.onmousewheel != 'function') {
                        //将onmousewheel转换成function
                        eval('window._tmpFun = function(event){' + onmousewheel + '}');
                        obj.onmousewheel = window._tmpFun;
                        window._tmpFun = null;
                    };
                    // 不直接执行是因为若onmousewheel(e)运行时间较长的话，会导致锁定滚动失效，使用setTimeout可避免
                    setTimeout(function() {
                            obj.onmousewheel(e);
                        },
                        1);
                };
            },
            false);
    };
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

jQuery强制禁止页面滚动



代码描述：jQuery实现强制禁止页面滚动的方法

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

取消回复

<!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery强制禁止页面滚动-jq22.com</title> <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <style> </style> </head> <body> <script> </script> </body> </html>

2012-2021 jQuery插件库版权所有

jquery插件| jq22工具库| 网页技术| 广告合作| 在线反馈| 版权声明
沪ICP备13043785号-1 浙公网安备 33041102000314号