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
  • 儿童A
  • Child B
• 家长2