我正在为网站编写代码并在垂直滚动条上出现奇怪的行为。这发生在 Chrome、Safari 和 Firefox 上。
在 IOS 上,它显然会导致页面滚动出现问题(即,很难让页面滚动到初始 View 的底部)
令人费解的部分是只有当视口(viewport)的尺寸小于 683 像素宽时才会出现不良效果
683px 宽及以上,垂直滚动条表现正常(见附图)
有什么建议或见解吗?谢谢!
最佳答案
主题编码错误。
制作它的人都懒得去阅读 intro关于 Bootstrap v3.4.1 的注意事项。
快速修复是删除
overflow-x: hidden;
来自 _main.scss
的 9
行(在 html, body
上)并将其应用于 .main-container
代替。
另一个问题(基本上是同一个原因)是 #navigation2 .navigation-header .mobile-main-nav
上存在类 row
。如果您可以编辑该模板,请将其删除,或者应用此 CSS 来抵消负边距:
#navigation2 .navigation-header {
padding: 0 15px;
}
关于html - 浏览器滚动条全高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58566779/