javascript - scrollnav.js 小节不起作用

Question

所以我偶然发现了scrollnav.js它看起来真的很好。在文档中它说它支持子部分并且可以使用键:值对激活。我确实将 subSections 键设置为 true 但我没有看到它工作。我想看到的是关于 Bootstrap docs 的内容边栏。子部分缩进的位置。我想将 h2 作为主要部分，将 h3 元素作为子部分。有谁知道如何做到这一点？

提前致谢

Answer 1

要将子部分与 scrollnav.js 一起使用，请将参数设置为子部分的选择器。这有点令人困惑，因为 subSections 的默认值为 false，但要激活它，您需要指定一个选择器而不是 true。

示例配置:

$('#container').scrollNav({
    sections: '.section-parent',
    subSections: '.section-item'
});

示例 HTML:

<h2 class="section-parent">Parent 1</h2>
<p>Content...</p>

<h3 class="section-item">Child A</h3>
<p>Content...</p>

<h3 class="section-item">Child B</h3>
<p>Content...</p>

<h2 class="section-parent">Parent 2</h2>
<p>Content...</p>

这将导致嵌套的侧边导航看起来像这样:

• 家长 1
  • child A
  • child B
• 家长 2