移動(dòng)端開啟頁面滾動(dòng)和禁止頁面滾動(dòng)@令狐張豪

在做移動(dòng)端的時(shí)候我們經(jīng)常要禁止頁面的滾動(dòng)和開啟頁面的滾動(dòng),故學(xué)習(xí)了下原生js的操作

1. 先聲明一個(gè)全局函數(shù)

<script type="text/javascript">
    var handler = function (e) {
        e.preventDefault();
    }
</script>

• 禁止頁面滾動(dòng)

    function hideWbImgViewer() {
        document.body.addEventListener('touchmove', handler, {
            passive: false
        });
    }

• 開啟頁面滾動(dòng)

    function showWbImgViewer() {
        document.body.removeEventListener('touchmove', handler, {
            passive: false
        });
    }

注意點(diǎn)不能直接這么寫

document.body.addEventListener("touchmove",function(ev){
            ev.preventDefault();
        },{
            passive: false
        })

添加和移除的函數(shù)對(duì)象應(yīng)該是同一個(gè)，否則移除不起作用，即listener不能直接用匿名函數(shù)

有問題歡迎大家的留言和交流

文章如果對(duì)您有幫助的話麻煩您點(diǎn)一點(diǎn)下方的（贊和?）~~~在此感謝大家的閱讀