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

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


image

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

在网上查阅了一些方法后,找到了一种:

在弹窗弹出来之后设置

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

在关闭弹窗后移除

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容