您的位置:首页 > 移动开发

移动端弹出层上禁止页面滚动

2017-04-11 15:17 239 查看
再写移动端的时候经常会需要自己写一个弹框,但是弹框出现后会出现在弹框上还可以滚动整个页面,试过将body的overflow设置为hidden,但是在苹果手机跟一些安卓手机上无效,后来在网上看到一种直接用js 的方法,直接禁止滚动事件,很有效,代码如下,有需要的人可以拿去:

//实现滚动条无法滚动

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

function stop(){

        document.body.style.o
a555
verflow='hidden';        

        document.addEventListener("touchmove",mo,false);//禁止页面滑动

}

/***取消滑动限制***/

function move(){

        document.body.style.overflow='';//出现滚动条

        document.removeEventListener("touchmove",mo,false);        

}

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息