【问题标题】:taller navbar breaking the docking position of scrollspy in bootstrap更高的导航栏打破了 bootstrap 中 scrollspy 的停靠位置
【发布时间】:2013-04-23 12:43:45
【问题描述】:
我想在不破坏 twitter bootstrap 中的固定停靠行为的情况下更改导航栏的高度。我在哪里可以调整这个设置?更改 nav 元素的 offset 属性似乎并不能解决问题。
这是一个子导航在导航栏高度改变之前正确停靠的示例,如果向下滚动,您将看到导航栏停靠:
http://www.pictorious.com/about
但是,一旦我将导航栏设置得更高,子导航就会完全隐藏在下方,以为导航与以前的高度相同。
【问题讨论】:
标签:
twitter-bootstrap
scrollspy
【解决方案1】:
从 main.css 的第 174 行开始,你有:
.subnav-fixed {
position: fixed;
top: 40px;
....
}
您是否尝试过将 top: 40px 更改为主导航栏的新高度?
您可能还想在
中调整 data-offset 的值
<body data-spy="scroll" data-target=".subnav" data-offset="50">