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

 

相关文章:

  • 2021-12-01
  • 2021-08-22
  • 2022-12-23
  • 2022-12-23
  • 2021-12-27
  • 2021-12-29
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-02-04
  • 2021-06-22
  • 2022-12-23
  • 2022-12-23
  • 2021-07-15
  • 2022-12-23
相关资源
相似解决方案