jquery - Scrollspy 主动导航

Question

您好，我在使用 Bootstrap Scrollspy 时遇到了两个问题

1- 滚动时，事件类不会在我想要加上的位置突出显示 section4 由于某些奇怪的原因没有激活，见此处:

Scrollspy nav

因此滚动到第 2 部分:

 <h4 id="section2">Section 2</h4>

事件状态会一直处于事件状态，直到内容中途...

....所以基本上我希望它在您从顶部获得 id(h4) 时立即激活，并认为您需要的只是这个:

$('body').scrollspy({ target: '#sub-nav' })

但没有骰子..我认为它与 offset 有关，但不确定如何完成它。

2- 点击时的事件状态变得一团糟:如果你从一个地方点击到下一个地方，事件就会变得疯狂并激活另一个。

那么这些有解决办法吗？

Answer 1

1. 您遇到的问题是因为“第 5 节”中的内容太短。当您到达 content4 时，content5 也有一个短偏移，因此 scrollspy 会自动检查第 5 节标题

   恕我直言，解决方案是添加 padding-bottom 使其更长(看 - 这个有效:http://jsfiddle.net/SZYKM/102/)

2. 问题是因为在点击例如 #section3 之后它会自动跳转到容器的顶部边框(scrollspy 仍然没有到达 #section3 元素)。恕我直言，您可以使用任何专用于它的插件(例如 this one)将此行为更改为滚动，这样您就可以以更适当的方式控制滚动行为。