移動端禁止頁面拖動 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() 用法詳解