在移动端开发过程中,遇到过使用fixed遮罩:
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
仅在真机情况下会出现以下问题:
当fixed遇到ios浏览器,页面进行下拉滑动时,会导致浏览器的底部的地址栏消失,页面变长,没有遮住下面的内容,导致下面层级的页面露出来。如下视频:
下滑,底部会露出底层页面
解决办法:
没有什么好办法。。。
方法一:逻辑判断底层页面是否隐藏
之前个人是通过判断全局遮罩页面展示时,底部的页面隐藏掉,v-show隐藏。
方法一:设置css
html,
body {
height: 100%;
overflow: auto;
}
虽然不知道为什么,但是加上这个css果断管用。