jquery - 将 spy 滚动到多个导航栏

Question

我正在使用 bootstrap 4 构建一个单页站点，我想将 bootstrap scroll spy 应用到我的主导航和带有元素符号的侧“导航栏”。我将 scroll spy 应用于主导航，但我无法弄清楚如何使用侧边栏来实现它。此外，如果我再次将 data-target=".navbar" 更改为 data-target="#bulletNav"，它也不起作用。这是jsfiddle: https://jsfiddle.net/2beqhxxe/

提前致谢

Answer 1

响应在 Scrollspy.js 中，该组件仅处理“目标”中具有 .nav-link 或 .list-group-item 类的链接(请参阅下面的有罪代码 ;-))。这是您想要的多个 scrollspy 的 jsfiddle 解决方案:https://jsfiddle.net/airpanda50/7ymL4f11/

const Selector = {
    DATA_SPY        : '[data-spy="scroll"]',
    ACTIVE          : '.active',
    NAV_LIST_GROUP  : '.nav, .list-group',
    NAV_LINKS       : '.nav-link',
    LIST_ITEMS      : '.list-group-item',
    DROPDOWN        : '.dropdown',
    DROPDOWN_ITEMS  : '.dropdown-item',
    DROPDOWN_TOGGLE : '.dropdown-toggle'
}