H5頁面遮罩彈框下層還能滾動的問題


在頁面上顯示一個遮罩層,這是非常常見的操作,在遮罩層上操作,下層也會默認跟隨手指滾動

此處就是要在顯示遮罩的時候禁止下層滾動。

首先設置一個全局變量

var canScroll=false;

頁面初始化的時候添加事件監聽

document.addEventListener('touchmove',function(e){
            if(!canScroll){
                e.preventDefault()
            }
        })

 下面只要設置canScroll這個變量就可以控制頁面是否跟隨手指滾動了

 


免責聲明!

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



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