scrollnav.js小节不起作用

Question

所以我偶然发现了scrollnav.js ，这看起来真的很好。 在文档上说它支持子部分，可以使用key：value对激活。 我确实将subSections键设置为true，但是我看不到它起作用。 我希望看到的内容类似于Bootstrap文档侧边栏。 子节缩进的位置。 我想将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
  • 儿童A
  • 儿童B
• 父母2