当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果断管用。