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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM