【问题标题】:ScrollSpy show wrong active tab when used with JS tabbed content与 JS 选项卡式内容一起使用时,ScrollSpy 显示错误的活动选项卡
【发布时间】:2013-07-08 01:03:57
【问题描述】:

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

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

PPS。 ScrollSpy 它显示为活动的最后一个菜单项,因为我必须有 body height: 100%,但我已经设法用最后一个隐藏的菜单项隐藏它。

【问题讨论】:

    标签: javascript tabbed scrollspy


    【解决方案1】:

    试试这个:jsfiddle

    如果Scrollspy高亮最后一个元素,你可以添加

    身高:100%

    到html和body标签

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-12-18
      • 1970-01-01
      • 1970-01-01
      • 2017-12-28
      • 2021-10-16
      • 2015-08-12
      相关资源
      最近更新 更多