较高的导航栏在bootstrap中打破了scrollspy的停靠位置

时间:2013-04-23 12:43:46

标签: twitter-bootstrap scrollspy

我想更改导航栏的高度而不会破坏twitter bootstrap中scrollspy的固定停靠行为。我在哪里可以调整此设置?更改nav元素的offset属性似乎不起作用。

以下是导航栏高度更改前子导航对接的示例,如果向下滚动,您将看到导航栏停靠:

http://www.pictorious.com/about

然而,只要我使导航栏更高,子导航就会完全陷入困境,认为导航与之前的高度相同。

1 个答案:

答案 0 :(得分:1)

从main.css的第174行开始,你有:

.subnav-fixed {
  position: fixed;
  top: 40px;
  ....
}  

您是否尝试过更换顶部:40px到主导航栏的新高度?

您可能还想在

中调整数据偏移的值
<body data-spy="scroll" data-target=".subnav" data-offset="50">