首页 > 代码库 > 移动端在有弹出层时如何禁止底层的滚动 （实现表层滑动的时候，底层禁止滑动，表层隐藏的时候，底层依然可以滑动）；
移动端在有弹出层时如何禁止底层的滚动 （实现表层滑动的时候，底层禁止滑动，表层隐藏的时候，底层依然可以滑动）；
要实现以上图示的功能;自然想到zepto里的swipeUp方法,但是用了以后发现,有的移动端浏览器,不起作用,有的浏览器起作用,但是底层也会跟着滑动;
于是加一下代码:
document.addEventListener(‘touchmove‘, function (event) {
event.preventDefault();
}, false);
加了以后上滑表层的页面,底层的页面不会跟着滚动了,但是表层页面隐藏以后,底层的页面就滑不动了;
于是下面一段代码就出现了,完美解决;
document.addEventListener(‘touchmove‘, function (event) {
if (加一个条件,就是判断表层页面出现的时候) {
event.preventDefault();
}
},false);
移动端在有弹出层时如何禁止底层的滚动 （实现表层滑动的时候，底层禁止滑动，表层隐藏的时候，底层依然可以滑动）；
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。