Question

我正在构建一个带有bootstrap 4的单页站点，我想将引导滚动间谍应用到我的主导航和侧面＆＃34; navbar＆＃34;用子弹。我将滚动间谍应用到主导航但我无法弄清楚如何使用侧栏进行操作。此外，如果我再次将data-target=".navbar"更改为data-target="#bulletNav"，则无效。这是jsfiddle： https://jsfiddle.net/2beqhxxe/

提前致谢

Answer 1

响应在Scrollspy.js中，此组件仅处理＆＃34; target＆＃34;中的链接。它有.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'
}

将间谍滚动到多个导航栏

1 个答案: