当fixed遇到ios浏览器，页面进行滑动时，导致浏览器的地址栏消失，页面变长，没有遮住下面的内容
在移动端开发过程中，遇到过使用fixed遮罩：
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
仅在真机情况下会出现以下问题：
当fixed遇到ios浏览器，页面进行下拉滑动时，会导致浏览器的底部的地址栏消失，页面变长，没有遮住下面的内容，导致下面层级的页面露出来。如下视频：
下滑，底部会露出底层页面
解决办法：
没有什么好办法。。。
方法一：逻辑判断底层页面是否隐藏
之前个人是通过判断全局遮罩页面展示时，底部的页面隐藏掉，v-show隐藏。
方法一：设置css
html,
body {height: 100%;overflow: auto;
}
虽然不知道为什么，但是加上这个css果断管用。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！