打开虚拟键盘时，iOS 上的 Safari 会滚动到 <html> 元素之外

问题描述 投票：0回答：1

尝试一下：

  1. 在 iOS（设备或模拟器）上的 Safari 12 中打开此 codepen。
  2. 集中输入。虚拟键盘应该打开。
  3. 现在一直滚动到页面底部。
  4. 您应该能够在 
    <html>
    元素之外滚动，并且 看到 Safari 菜单/操作栏大小的白色条纹，如下所示：

  1. 当您关闭虚拟键盘时，条纹就会消失...

这是 Safari 的错误吗？有办法解决这个问题吗？

html ios css safari mobile-safari
1个回答
0
投票

首先，您可以尝试使用

height: 100vh;
代替
height: 100%
。由于 和 标签不指定高度值，并且 height % 基于其父级，因此您不能直接应用百分比作为高度值。所以，你可以试试

html, body {
  height: 100vh;
}

如果上述方法不起作用。您可能只是尝试使用 

overflow: hidden;
 中的
body

来隐藏身体的溢出
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.