提问人：Alex Nault 提问时间：10/17/2018 最后编辑：Alex Nault 更新时间：7/15/2023 访问量：2907
打开虚拟键盘时，iOS 上的 Safari 会滚动到 <html> 元素之外
Safari on iOS scrolls beyond <html> element when virtual keyboard is opened
问：
要尝试一下，请执行以下操作：
- 在 iOS（设备或模拟器）上的 Safari 12 中打开此代码笔。
- 集中输入。虚拟键盘应打开。
- 现在一直滚动到页面底部。
- 您应该能够在元素之外过度滚动，并且
看到Safari菜单/操作栏大小的白色条纹，如下所示：
<html>
- 当您关闭虚拟键盘时，条纹会消失......
这是 Safari 的错误吗？有什么方法可以解决这个问题吗？
答：
0赞
SamiunNafis
4/6/2023
#1
首先，您可以尝试使用 代替 .由于 和 标记未指定高度值，而高度 % 基于其父级，因此不能直接应用百分比作为高度值。所以，你可以试试height: 100vh;height: 100%
html, body {
height: 100vh;
}
如果上述方法不起作用。您可能只是尝试隐藏身体的溢出，使用overflow: hidden;body
评论