禁用iPad滚动网页

Disable Scrolling Web Page iPad

本文关键字：网页 滚动 iPad 禁用      更新时间：2023-09-26

我见过很多涉及停止所有触摸移动事件的解决方案。然而，这对我来说不起作用，因为我的应用程序涉及绘画画布。有没有办法确保用户不能滚动，同时保留其他触摸事件？--Ashley

您可以在绘图处理程序中使用e.preventDefault()，也可以在DOM树上附加的处理程序中。这只是防止了touchmove的默认行为，即滚动。

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

您仍然可以在绘图画布上处理touchmove事件。

另一种选择是在CSS中设置overflow:hidden，但这取决于页面的大小。

我认为你应该看看这个答案。。在父上阻止触摸移动默认值，但不阻止子

将画布放入容器中，然后停止在父对象上滚动。

$('body').delegate('#fix','touchmove',function(e){
    e.preventDefault();
}).delegate('.scroll','touchmove',function(e){
    e.stopPropagation();
});
相关文章：