您现在的位置:首页 >> 前端 >> 内容

遮罩层弹出后,页面禁止滚动问题PC端和移动端的解决方案

时间:2017/10/10 14:18:00 点击:

  核心提示:解决方案PC端pc端的解决思路就是在弹出遮罩层的时候取消已经存在的滚动条,达到无法滚动的效果。也就是说给body添加overflow:hidden属性即可,IE6、7下不会生效,需要给html增加ov...

解决方案PC端

pc端的解决思路就是在弹出遮罩层的时候取消已经存在的滚动条,达到无法滚动的效果。

也就是说给body添加overflow:hidden属性即可,IE6、7下不会生效,需要给html增加overflow:hidden属性。

解决方案移动端

移动端取消滚动条是达不到效果的,这时就需要去除遮罩层和按钮层的touchmove的默认事件,代码如下:

1 $('.add,#bg').bind("touchmove",function(e){
2                e.preventDefault();
3     });

作者:网络 来源:u010885137