IOS不支持overflow: hidden;

IOS不支持overflow: hidden;

假设页面上有个弹出窗，弹出窗出现后，只想让用户的视觉锁定在弹出窗上，正常我们会想到用overflow:hidden这个属性来实现，如下

html{
    overflow:hidden;
}

这样写在PC端上没有任何问题，效果杠杠到，但是在IOS移动端上，弹出窗出现后，依旧可以在背景层部分滑动

解决方案：

html{
    overflow:hidden;
    position:fixed;
}

如果需要关闭弹窗后，滚动条出现，使用如下CSS即可。

html{
    overflow:auto;
    position:static;
}

但是，会存在“关闭弹窗后，滚动条会返回到页面顶部”的问题