在做移动端开发时，常常会开发需要滚动的弹窗。例如
image
这时如果在手机上滚动弹窗里的内容，遮罩层底下的页面也会跟着滚动。给用户带来不太友好的用户体验。
在网上查阅了一些方法后，找到了一种：
在弹窗弹出来之后设置
$('body,html').css({'height':'100%','overflow':'hidden'});
在关闭弹窗后移除
$('body,html').removeAttr("style");
当然前提是你没在body和html的style设置什么内联样式。不然移除的话就会有影响。
这应该是目前发现的最简单可行的方案了。
在做移动端开发时，常常会开发需要滚动的弹窗。例如 这时如果在手机上滚动弹窗里的内容，遮罩层底下的页面也会跟着滚动。...
定义：移动端弹出fixed弹窗的话，在弹窗上滑动会导致下层的页面跟着滚动，这个叫“滚动穿透” 解决方案1 在弹出层...
移动端开启页面滚动和禁止页面滚动@令狐张豪 在做移动端的时候我们经常要禁止页面的滚动和开启页面的滚动,故学习了下原...
作用：实现页面的滚动 移动端、pc端页面滚动 iscrolls 是什么？ 一个可以实现客户端原生滚动效果的类库。 ...
制作弹窗的时候遇到的问题：页面很长，需要滚动。弹窗里也需要滚动。当滚动弹窗内的内容时，发现弹窗的内容不滚动，反而是...
问题 页面是可以滚动的长列表，弹窗也是列表可以滚动。 解决 弹窗时禁止弹窗下的页面滑动。弹窗时底层页面不超出一整屏...
页面是一个全屏滚动列表，在移动端IOS上会出现皮筋效果，就是当页面拉到尽头的时候还能再继续拉动，露出浏览器的底色，...
$('.img-view,.shadow').bind("touchmove",function(e){ ...
移动端页面为了更接近原生的体验，是否可以隐藏滚动条，同时又保证页面可以滚动？ 使用overflow:hidden隐...
问题：一般 移动端从某个页面执行了滚动事件，然后去另一个页面的时候发现另一个页面也默认滚动了位置，此时清除该页面的...
本文标题：移动端页面弹窗滚动，页面也随之滚动解决方案
本文链接：https://www.haomeiwen.com/subject/owzlxctx.html
网友评论