禁用滚动网页iPad

Question

我已经看到了很多解决方案，其中包括停止所有touchmove事件。 但是，这对我不起作用，因为我的应用程序包含一个绘图画布。 有没有一种方法可以确保用户在保留其他触摸事件的同时不会滚动？ -阿什利

Answer 1

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

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

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

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

Answer 2

我认为您应该查看此答案。. 防止在父级而不是子级上使用touchmove default

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

$('body').delegate('#fix','touchmove',function(e){

    e.preventDefault();

}).delegate('.scroll','touchmove',function(e){

    e.stopPropagation();

});