
在移动端做弹窗效果的时候,设置html 或body overflow:hidden 但还是能滚动的解决方法,在谷歌浏览器用手机模拟器测试正常,但在手机上看还能滚动屏幕。这时需要在html再设置一个属性可以基本解决这个问题:
phpoverflow:hidden;width:100%;height:100%;position:fixed;
可以把这个额增加到一个样式中,弹出屏幕的时候添加这个样式禁止滚动就好了。关闭窗口移除这个样式。
在移动端做弹窗效果的时候,设置html 或body overflow:hidden 但还是能滚动的解决方法,在谷歌浏览器用手机模拟器测试正常,但在手机上看还能滚动屏幕。这时需要在html再设置一个属性可以基本解决这个问题:
phpoverflow:hidden;width:100%;height:100%;position:fixed;
可以把这个额增加到一个样式中,弹出屏幕的时候添加这个样式禁止滚动就好了。关闭窗口移除这个样式。
来源:DurkBlue版权归原作者所有,转载请保留出处。本站文章发布于 2019-12-16
温馨提示:文章内容系作者个人观点,不代表DurkBlue博客对其观点赞同或支持。