手机端以及浏览器端弹框出现时，禁止页面滚动

最新推荐文章于 2024-03-14 10:23:09 发布

weixin_30338461

最新推荐文章于 2024-03-14 10:23:09 发布

阅读量187

点赞数

原文链接：http://www.cnblogs.com/sakura-lifangfang/p/10103852.html

版权

浏览器端禁止页面滚动可以通过$("body").css("overflow","hidden");放开通过$("body").css("overflow","auto");
但是移动端就比较复杂了一些，具体如下：

disableScroll();//禁止事件
enableScroll()//放开事件

var keys = { 37: 1, 38: 1, 39: 1, 40: 1 };
 
    function preventDefault(e) {
        e = e || window.event;
        if (e.preventDefault)
            e.preventDefault();
        e.returnValue = false;
    }
 
    function preventDefaultForScrollKeys(e) {
        if (keys[e.keyCode]) {
            preventDefault(e);
            return false;
        }
    }
    var oldonwheel, oldonmousewheel1, oldonmousewheel2, oldontouchmove, oldonkeydown
    , isDisabled;
    function disableScroll() {
        if (window.addEventListener) // older FF
            window.addEventListener('DOMMouseScroll', preventDefault, false);
        oldonwheel = window.onwheel;
        window.onwheel = preventDefault; // modern standard
        oldonmousewheel1 = window.onmousewheel;
        window.onmousewheel = preventDefault; // older browsers, IE
        oldonmousewheel2 = document.onmousewheel;
        document.onmousewheel = preventDefault; // older browsers, IE
        oldontouchmove = window.ontouchmove;
        window.ontouchmove = preventDefault; // mobile
        oldonkeydown = document.onkeydown;
        document.onkeydown = preventDefaultForScrollKeys;
        isDisabled = true;
    }
    function enableScroll() {
        if (!isDisabled) return;
        if (window.removeEventListener)
            window.removeEventListener('DOMMouseScroll', preventDefault, false);
        window.onwheel = oldonwheel; // modern standard
        window.onmousewheel = oldonmousewheel1; // older browsers, IE
        document.onmousewheel = oldonmousewheel2; // older browsers, IE
        window.ontouchmove = oldontouchmove; // mobile
        document.onkeydown = oldonkeydown;
        isDisabled = false;
    }
    window.scrollHanlder = {
        disableScroll: disableScroll,
        enableScroll: enableScroll
    };

转载于:https://www.cnblogs.com/sakura-lifangfang/p/10103852.html