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测试通过。