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