禁止滚动事件方法

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

 

posted @ 2016-06-30 15:37  5Mi17  阅读(4572)  评论(0编辑  收藏  举报