移动端页面弹窗滚动，页面也随之滚动解决方案

在做移动端开发时，常常会开发需要滚动的弹窗。例如

这时如果在手机上滚动弹窗里的内容，遮罩层底下的页面也会跟着滚动。给用户带来不太友好的用户体验。

在网上查阅了一些方法后，找到了一种：

在弹窗弹出来之后设置

$('body,html').css({'height':'100%','overflow':'hidden'});

在关闭弹窗后移除

$('body,html').removeAttr("style");

当然前提是你没在body和html的style设置什么内联样式。不然移除的话就会有影响。

这应该是目前发现的最简单可行的方案了。

转载于:https://www.cnblogs.com/dxzg/p/10077554.html