我有一个网页占据了浏览器的整个视口。当我聚焦在输入框上时,键盘会弹出,如果我向上滑动网页,即使经过反弹效果,底部仍然会出现额外的空白。这只发生在Safari iOS上,Android浏览器设备似乎没有问题。
我尝试添加了
但是没有成功。似乎全局页面附加了额外的滚动条。
我们可以在wikipedia.org主页上看到类似的“问题”。如果您专注于搜索输入并向下滚动到底部(仍然专注于搜索输入),然后向上滑动,您会发现在最后一个链接“隐私政策”下面创建了额外的空白空间。
一旦关闭键盘,空白空间就会消失。
有人知道如何解决这个小(但令人烦恼)错误吗?
谢谢
附言:我在Windows上,所以调试不那么容易。
我尝试添加了
html, body, .main-container {
width: 100vw;
height: 100vh;
overflow: hidden;
}
但是没有成功。似乎全局页面附加了额外的滚动条。
我们可以在wikipedia.org主页上看到类似的“问题”。如果您专注于搜索输入并向下滚动到底部(仍然专注于搜索输入),然后向上滑动,您会发现在最后一个链接“隐私政策”下面创建了额外的空白空间。
一旦关闭键盘,空白空间就会消失。
有人知道如何解决这个小(但令人烦恼)错误吗?
谢谢
附言:我在Windows上,所以调试不那么容易。