html - 浏览器滚动条全高

Question

我正在为网站编写代码并在垂直滚动条上出现奇怪的行为。这发生在 Chrome、Safari 和 Firefox 上。

在 IOS 上，它显然会导致页面滚动出现问题(即，很难让页面滚动到初始 View 的底部)

令人费解的部分是只有当视口(viewport)的尺寸小于 683 像素宽时才会出现不良效果

683px 宽及以上，垂直滚动条表现正常(见附图)

网站网址是http://157.245.80.107

有什么建议或见解吗？谢谢!

Answer 1

主题编码错误。
制作它的人都懒得去阅读 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;
}