微信页面position:fixed的背景图在苹果手机上快速滑动底部出现白条

<body>
<div class="bg"></div>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<div style="color:#fff">蚊子蚊子</div>
</body>    
.bg{
background:url(xxxx.png) no-repeat
position:fixed;
left:0;
top:0;
height:100%;
width:100%;
background-size:100% 100%;
}

HTML和CSS如上。

在安卓没有问题,在苹果上快速滑道底部的时候没到底部的时候就已经有白边出点,如果滑到了最底部,继续滑起一部分后落下,落下的时候那段距离也会变白,然后背景图才落到底部。

不知道具体什么原因,有哪位朋友遇到过么?

阅读 7.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题