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

流火行者發表於2017-03-31

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

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

首先設定一個全域性變數

var canScroll=false;

頁面初始化的時候新增事件監聽

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

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

 

相關文章