vue 彈窗禁止底層滾動


原因:底層視圖高度超出百分百,加入彈窗后再蘋果瀏覽器隱藏上下欄的情況下遮罩層沒有完全遮住底層。

處理:打開彈窗后禁止底層滾動調用stop事件,關閉則開啟底層滾動調用move事件。

let mo=function(e){e.preventDefault();};

stop(){
document.body.style.overflow='hidden';
document.body.style.position='fixed';
document.body.style.width='100%';
document.addEventListener("touchmove",mo,false);//禁止頁面滑動
},
move(){
document.body.style.overflow='';//出現滾動條
document.body.style.position='initial';
document.body.style.height='1006px';
document.removeEventListener("touchmove",mo,false);
},

參考相關來源:

https://www.cnblogs.com/fanbi/p/9648184.html

https://blog.csdn.net/m0_37852904/article/details/79300719


免責聲明!

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



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