与JS选项卡式内容一起使用时,ScrollSpy显示错误的活动选项卡

时间:2013-07-08 01:03:58

标签: javascript tabbed scrollspy

我有一个项目,其中我使用ScrollSpy,我有一个带标签内容的部分。问题是来自此选项卡式内容的脚本阻止ScrollSpy在导航栏中显示正确的活动项。这个标签内容在页面的第3部分,一切顺利,直到我选择第4个菜单项并从那里出错。我认为ScrollSpy正在寻找隐藏的标签,并以某种方式计算它们。有没有办法迫使ScrollSpy跳过一个特定部分的搜索并继续前进?或者你对此有什么想法吗?这是有问题的页面http://oz.zz.mu/HongKongExpats/的链接,也许它会对你有帮助。

PS。菜单工作正常,滚动到正确的部分,它只显示错误的菜单项为活动状态。

PPS。 ScrollSpy它显示为最后一个菜单项的活动状态,因为我必须有身高:100%,但我设法隐藏了最后隐藏的菜单项。

1 个答案:

答案 0 :(得分:0)

试试这个:jsfiddle

如果Scrollspy突出显示最终元素,则可以添加

  

身高:100%

到html和body标签