Scrollspy主动导航

时间:2015-01-21 21:01:49

标签: jquery html css twitter-bootstrap scrollspy

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

1-当滚动时,活动类不会突出显示我想要加上section4因为某些奇怪的原因没有激活,在这里看到:

Scrollspy nav

滚动到第2部分:

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

活跃状态会一直有效,直到你在内容的中途......

....所以基本上我希望它一旦从顶部获得id(h4)就会激活,并认为您需要的就是:

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

但没有骰子......我认为它与offset有关,但不知道如何完成它。

2-点击时的活动状态全部搞砸了:如果你从一个地方点击到另一个地方,活动就会疯狂,并激活另一个地方。

那么有解决方案吗?

1 个答案:

答案 0 :(得分:0)

  1. 您的案例中的问题是由于&#34; section5&#34;中的内容较短。当您到达content4时,content5也有一个短的偏移量,因此scrollspy会自动检查第5节标题

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

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