在做移动端开发时,常常会开发需要滚动的弹窗。例如
image
这时如果在手机上滚动弹窗里的内容,遮罩层底下的页面也会跟着滚动。给用户带来不太友好的用户体验。
在网上查阅了一些方法后,找到了一种:
在弹窗弹出来之后设置
$('body,html').css({'height':'100%','overflow':'hidden'});
在关闭弹窗后移除
$('body,html').removeAttr("style");
当然前提是你没在body和html的style设置什么内联样式。不然移除的话就会有影响。
这应该是目前发现的最简单可行的方案了。
网友评论