Scrollspy 不会改变，直到你到达底部答案

【问题标题】：Scrollspy doesn't change until you get to the bottomScrollspy 不会改变，直到你到达底部
【发布时间】：2013-07-11 05:42:42
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案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;">

【讨论】：