在Safari iOS上向上滑动时页面底部出现空白

3
我有一个网页占据了浏览器的整个视口。当我聚焦在输入框上时,键盘会弹出,如果我向上滑动网页,即使经过反弹效果,底部仍然会出现额外的空白。这只发生在Safari iOS上,Android浏览器设备似乎没有问题。
我尝试添加了

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

但是没有成功。似乎全局页面附加了额外的滚动条。
我们可以在wikipedia.org主页上看到类似的“问题”。如果您专注于搜索输入并向下滚动到底部(仍然专注于搜索输入),然后向上滑动,您会发现在最后一个链接“隐私政策”下面创建了额外的空白空间。
一旦关闭键盘,空白空间就会消失。
有人知道如何解决这个小(但令人烦恼)错误吗?
谢谢
附言:我在Windows上,所以调试不那么容易。

似乎这是一个长期存在的Safari bug:https://stackoverflow.com/questions/43996535/how-to-fix-safaris-html-margin-bottom-bug-in-ios-10-3-1 - undefined
1个回答

3

这在Safari浏览器中是正常的。尝试打开任何网页并向上滚动,你会看到页面底部多出的白色空间。当你从屏幕上抬起手后,一切将恢复为默认设置。


1
谢谢你的回答。我尝试查找有关Safari / iOS的任何文档,但没有找到。你知道是否有任何相关的文档吗? - undefined
不客气。不对。我之前已经搜索了很多,但没有找到解决办法。而且这在Safari浏览器中是正常的。不用担心,先生。 - undefined
1
苹果需要修复这个问题,它太糟糕了。 - undefined

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接