在 Safari ios 上向上滑动时页面底部为空 space

Question

我有一个网页占据了浏览器的所有视口。当我专注于输入时，键盘会打开，如果我向上滑动网页，即使在 bouce 效果之后，底部也会有一个额外的空白 space。这只发生在 safari ios 上。 Android 浏览器设备看起来不错。

我尝试添加

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

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

我们可以在 wikipedia.org 主页看到类似的 "issue"。如果您关注搜索输入并滚动到底部（仍然关注搜索输入）然后向上滑动，您可以看到在最后一个 link 下创建了一个额外的空白 space - "Privacy Policy"

一旦您关闭键盘，空白的 space 就会消失。

有谁知道如何解决这个小（但很烦人）的错误？

谢谢

P.S.: 我在windows所以没那么容易调试

Answer 1

这在 safari 浏览器中是正常的。尝试打开任何网页并向上滚动，您会在页面底部看到多余的白色 space。一旦您从屏幕上举起手，一切都会 return 默认。