Html 在safari ios上向上滑动时,页面底部出现空白
我有一个占据浏览器所有视口的网页。当我专注于输入时,键盘会打开,如果我向上滑动网页,即使在bouce效果之后,底部也会有额外的空白。这仅在safari ios上发生。Android浏览器设备看起来不错 我试图添加Html 在safari ios上向上滑动时,页面底部出现空白,html,css,ios,mobile-safari,Html,Css,Ios,Mobile Safari,我有一个占据浏览器所有视口的网页。当我专注于输入时,键盘会打开,如果我向上滑动网页,即使在bouce效果之后,底部也会有额外的空白。这仅在safari ios上发生。Android浏览器设备看起来不错 我试图添加 html, body, .main-container { width: 100vw; height: 100vh; overflow: hidden; } 但是没有成功。似乎在全局页面上附加了一个额外的滚动条 我们可以在wikipedia.org主页上看到类似的“问题”。如果您关
html, body, .main-container {
width: 100vw;
height: 100vh;
overflow: hidden;
}
但是没有成功。似乎在全局页面上附加了一个额外的滚动条
我们可以在wikipedia.org主页上看到类似的“问题”。如果您关注搜索输入并滚动到底部(仍关注搜索输入),然后向上滑动,您可以看到在最后一个链接“隐私政策”下创建了一个额外的空白
一旦你关闭键盘,空的空间就消失了
有人知道如何解决这个小错误吗
谢谢
注意:我在windows上,所以调试不太容易,这在safari浏览器中很正常。尝试打开任何网页并向上滚动,您将在页面底部看到额外的空白。一旦您从屏幕上抬起手,所有内容都将作为默认值返回。谢谢您的回答。我试图找到任何关于这个的safari/iOS文档,但没有找到任何。你知道有没有相关的文件吗?不客气。不。我之前已经搜索了很多,我没有找到任何解决方案。这在safari浏览器中很正常。不在乎,先生。