移動端當彈出層顯示,阻止body的滑動


很多時候前端在做移動端有彈出層的時候,滑動屏幕,body還是可以滑動,這些時候就要阻止,話不多說,直接看代碼

首先定義一個變量,我這邊定義的是stop=1,當彈出層顯示,stop=0,然后監聽touchmove事件,阻止冒泡和默認行為,這樣效果就達到了。

document.addEventListener("touchmove", function (e) {
  if (stop == 0) {
    e.preventDefault();
    e.stopPropagation();
  }
}, false);


免責聲明!

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



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