Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在safari ios上向上滑动时,页面底部出现空白_Html_Css_Ios_Mobile Safari - Fatal编程技术网

Html 在safari ios上向上滑动时,页面底部出现空白

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主页上看到类似的“问题”。如果您关

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

我试图添加

html, body, .main-container {
width: 100vw;
height: 100vh;
overflow: hidden; 
}
但是没有成功。似乎在全局页面上附加了一个额外的滚动条

我们可以在wikipedia.org主页上看到类似的“问题”。如果您关注搜索输入并滚动到底部(仍关注搜索输入),然后向上滑动,您可以看到在最后一个链接“隐私政策”下创建了一个额外的空白

一旦你关闭键盘,空的空间就消失了

有人知道如何解决这个小错误吗

谢谢


注意:我在windows上,所以调试不太容易,这在safari浏览器中很正常。尝试打开任何网页并向上滚动,您将在页面底部看到额外的空白。一旦您从屏幕上抬起手,所有内容都将作为默认值返回。

谢谢您的回答。我试图找到任何关于这个的safari/iOS文档,但没有找到任何。你知道有没有相关的文件吗?不客气。不。我之前已经搜索了很多,我没有找到任何解决方案。这在safari浏览器中很正常。不在乎,先生。