禁用滾動網頁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();

});