禁止页面滚动条事件

1、PC：

实现禁止滚动事件，在元素上添加css类

body{

　　height:100%;

　　overflow:hidden;

}

再次允许滚动时，移除此css类即可

移动端：

function prevent (e) {

　　e.preventDefault();

}

$( 'body' ).on( 'touchmove' , prevent);

再次允许滚动

$( 'body' ).off( 'touchmove' , prevent);

 

方法2：

var oDiv = $("#myId);//模态层Id
if(window.event){

    document.onmousewheel = function () {
        window.event.returnValue="false";
        return false;
    }
}else{
    oDiv.addEventListener("DOMMouseScroll",function(ev){ev.preventDefault();} , false);  //阻止页面滚动条事件
}

document.onmousewheel=null; //模态层消失后，解除固定

方法2：兼容IE10、chrome等浏览器

 

 

 

 

转载于:https://www.cnblogs.com/yuan-luo/p/8557966.html