移動端禁止頁面拖動 h5禁止拖動頁面

 

PC上css控制滾動僅css("overflow","hidden")已足夠。

但是，如果在Mobile上還是可以拖動的！所以需要監聽touchmove事件。

 

頁面禁止拖動、滾動：

$("html,body").css("overflow","hidden").css("height","100%");
                        document.body.addEventListener('touchmove', self.welcomeShowedListener, false);

 

恢復頁面拖動、滾動：

$("html,body").css("overflow","").css("height","");
                    document.body.removeEventListener('touchmove', detail.welcomeShowedListener, false);

 

參考：

在移動端設置overflow:hidden為什么頁面還能滾？要怎么禁止

移動端的touch事件處理

addEventListener()與removeEventListener() 用法詳解