我正在开发一个twitter bootstrap scrollspy navigation。比导航栏和一切工作除了一个小错误,当前选择的项目不会更改,直到您滚动到该部分的底部。我在这里讨论的一个例子是我的演示页面:http://pwbguild.com/test/demo.html
向下滚动页面,您会发现它不会更改为“关于”,直到您到达该部分的底部。
我知道问题出在“navbar-fixed-bottom”上,因为如果我将其更改为“navbar-fixed-top”顶部,它似乎完美无缺。
任何人都可以帮助我理解为什么这个部分的底部会发生变化而不是该部分的顶部?
答案 0 :(得分:1)
我假设您希望Scrolllspy在某个部分进入视口后立即应用。我建议你使用data-offset-tag并将其设置为视口高度。只需将以下内容添加到body-tag(这是您侦察的元素):
data-offset="$(window).height();"
然后你的身体开口标签应如下所示:
<body data-spy="scroll" data-target="#navbar" data-offset="$(window).height();" style="zoom: 1;">