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

解决方案:在弹出弹窗的时候,设置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插件(包含有下拉加载等特效)

 

相关文章:

  • 2022-12-23
  • 2021-12-10
  • 2021-12-20
  • 2021-05-28
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案