html - 浏览器滚动条全高

标签 html css

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

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

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

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

enter image description here

网站网址是http://157.245.80.107

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

最佳答案

主题编码错误。
制作它的人都懒得去阅读 intro关于 Bootstrap v3.4.1 的注意事项。

快速修复是删除

overflow-x: hidden;

来自 _main.scss9 行(在 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/

相关文章:

html - 在所有设备上正确显示表格

html - <p> 标签字体大小未按预期工作

html - 如何减少Blogger中的外包装?

jquery - 从 Bootstrap 表中删除突出显示

HTML Paypal 按钮集成

html - css 高度~最小高度 :100% not work

html - 更改当前选项卡下拉菜单颜色

html - 如何让图像占据整个空间?

javascript - 淡出所有嵌套的 div

html - Chrome : Inspect element tree position lost after page reload