0

我正在开发一个 twitter bootstrap scrollspy 导航。除了导航栏和一个小错误之外，其他一切都正常工作，当前选定的项目在您滚动到该部分的底部之前不会改变。我在这里谈论的一个例子是我的演示页面： http: //pwbguild.com/test/demo.html

向下滚动页面，您会注意到它不会更改为“关于”，直到您到达该部分的底部。

我知道问题出在“navbar-fixed-bottom”，因为如果我将其更改为顶部“navbar-fixed-top”，它似乎工作得很好。

谁能帮我理解为什么这在部分底部而不是部分顶部发生变化？

4

1 回答 1

1

我假设您希望 Scrollspy 在某个部分进入视口时立即应用。我建议您使用 data-offset-tag 并将其设置为视口高度。只需将以下内容添加到您的 body-tag （这是您监视的元素）：

data-offset="$(window).height();"

您的正文开始标签应如下所示：

<body data-spy="scroll" data-target="#navbar" data-offset="$(window).height();" style="zoom: 1;">
于 2013-07-10T21:42:42.167 回答