1、问题:移动端出现弹窗后,滑动页面,页面底部出现空白
二、原因
经过分析,发现overflow: hidden;在移动端失效,导致弹窗出现时,滑动页面,页面底部出现空白。
三、解决
参考网址:https://www.jianshu.com/p/b241c4a4ec34
弹窗打开时给body元素设置position: fixed, 弹窗关闭时给body元素设置position: static。
四、移动端兼容性问题解决方案
xsnow
机遇总是留给有准备的人 |
1、问题:移动端出现弹窗后,滑动页面,页面底部出现空白
二、原因
经过分析,发现overflow: hidden;在移动端失效,导致弹窗出现时,滑动页面,页面底部出现空白。
三、解决
参考网址:https://www.jianshu.com/p/b241c4a4ec34
弹窗打开时给body元素设置position: fixed, 弹窗关闭时给body元素设置position: static。
四、移动端兼容性问题解决方案