在Safari ios上向上滑动时，页面底部的空白区域

Question

我有一个网页，占据了浏览器的所有视口。当我专注于输入时，键盘会打开，并且如果我向上滑动网页，即使在产生效果后，底部也有一个额外的空白空间。这仅在Safari ios上发生。 Android浏览器设备似乎还不错。

我尝试添加

html, body, .main-container {
width: 100vw;
height: 100vh;
overflow: hidden; 
}

但是没有成功。似乎在全局页面上附加了一个滚动条。

我们可以在Wikipedia.org主页上看到类似的“问题”。如果您专注于搜索输入并滚动到底部（仍然将焦点放在搜索输入上），然后向上滑动，则会看到在最后一个链接-“隐私权政策”下创建了一个额外的空白空间

关闭键盘后，空白空间就会消失。

有人知道如何解决这个小问题（但令人讨厌）吗？

谢谢

P.S .：我在Windows上，因此调试起来并不容易

Answer 1

这在野生动物园浏览器中很正常。尝试打开任何网页并向上滚动，您将在页面底部看到额外的空白。一旦从屏幕上举起手，一切都会恢复为默认状态。