解决移动端设置overflow:hidden失效的问题

摘要： 在移动端做弹窗效果的时候，设置html 或body overflow:hidden 但还是能滚动的解决方法，在谷歌浏览器用手机模拟器测试正常，但在手机上看还能滚动屏幕。这时需要在h...

在移动端做弹窗效果的时候，设置html 或body overflow:hidden 但还是能滚动的解决方法，在谷歌浏览器用手机模拟器测试正常，但在手机上看还能滚动屏幕。这时需要在html再设置一个属性可以基本解决这个问题：

phpoverflow:hidden;width:100%;height:100%;position:fixed;

可以把这个额增加到一个样式中，弹出屏幕的时候添加这个样式禁止滚动就好了。关闭窗口移除这个样式。