禁止滚动事件方法

1 对于Pc

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

{
　　height: 100%;
　　overflow: hidden;
}

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

在 IE, FF, Safari and Chrome均测试通过。

2 对于移动设备

实现禁止滚动事件，必须操作元素touchmove事件

假设在body元素上禁止滚动

function prevent (e) {
　　e.preventDefault();
}
$('body').on('touchmove', prevent);

再次允许滚动

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

在iOS6 and Android 2.3.3测试通过。

 

转载于:https://www.cnblogs.com/liutie1030/p/5630181.html