移动端弹窗滚动时,底部盒子跟着一起滚动

Posted 潇影D

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端弹窗滚动时,底部盒子跟着一起滚动相关的知识,希望对你有一定的参考价值。

解决方案

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

  另外,弹出时设置定位为fixed会使window回到顶部,可以通过js获取当时的scrollTop,固定设置top负值。

  关闭的时候window也会回到顶部,也可以通过js获取当时的scrollTop,固定设置scrollTop值。

以上是关于移动端弹窗滚动时,底部盒子跟着一起滚动的主要内容,如果未能解决你的问题,请参考以下文章

移动端弹出层之后禁用底部滚动条关闭回到原位置

移动端弹出层之后禁用底部滚动条关闭回到原位置

移动端遮罩层滚动时,禁止底部滑动

移动端遮罩层滚动时,禁止底部滑动

客户须知等内容在移动端弹窗查看分页vue如何实现

移动端弹出层滚动卡顿解决方案