移动端弹窗：移动端弹窗滚动时，底部盒子跟着一起滚动 (【手机端弹窗，综合解决方案】...

一、移动端弹窗出现时，上下滑动屏幕，底部的内容会跟随这滚动。

解决方案：在弹出弹窗的时候，设置window最外层定位为fixed，这样window便不会滚动了，在关闭弹窗的时候，设置window体定位为static，window便可重新滚动。

https://www.cnblogs.com/shimily/articles/11139007.html

 

<div class="Dialog-tuaning-cover" ontouchmove="return false;"></div>

https://www.cnblogs.com/shimily/articles/4786890.html

 

 

二、移动端弹窗里有内容需要overflow-y: scroll;滚动时，底部盒子也会跟着一起滚动。

在弹出弹窗的时候，设置window最外层定位为fixed，这样window便不会滚动了，在关闭弹窗的时候，设置window体定位为static，window便可重新滚动。

解决方案：https://www.cnblogs.com/shimily/articles/11139007.html

 

三、ios系统中，滚动不够流畅。

解决方案：可以给需要overflow-y: scroll;的元素添加

-webkit-overflow-scrolling:touch 属性。但是此属性又会引发出一个新的问题，就是当滚动到底部的时候，停留两秒钟，会出现卡顿或者无法滚动的现象，有点尴尬。

建议不使用此属性。

 

四、使用iscroll插件（包含有下拉加载等特效）

 

转载于:https://www.cnblogs.com/shimily/articles/11139469.html