Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript scrollnav.js子节不工作_Javascript_Jquery_Html_Css_Jquery Plugins - Fatal编程技术网

Javascript scrollnav.js子节不工作

Javascript scrollnav.js子节不工作,javascript,jquery,html,css,jquery-plugins,Javascript,Jquery,Html,Css,Jquery Plugins,所以我只是偶然发现,它看起来真的很好。在文档中,它表示它支持子节,并且可以使用键:值对激活。我确实将该键设置为true,但我认为它不起作用。我想看到的是边栏上的东西。子节缩进的位置。我希望h2作为主要部分,h3元素作为子部分。有人知道怎么做吗 提前感谢使用scrollnav.js的子节,将参数设置为子节的选择器。这有点让人困惑,因为子部分的默认值是false,但要激活它,您需要指定一个选择器,而不是true 配置示例: $('#container').scrollNav({ sectio

所以我只是偶然发现,它看起来真的很好。在文档中,它表示它支持子节,并且可以使用键:值对激活。我确实将该键设置为true,但我认为它不起作用。我想看到的是边栏上的东西。子节缩进的位置。我希望h2作为主要部分,h3元素作为子部分。有人知道怎么做吗


提前感谢使用scrollnav.js的子节,将参数设置为子节的选择器。这有点让人困惑,因为
子部分
的默认值是
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>
Parent 1
内容

孩子A 内容

孩子B 内容

家长2 内容

这将导致嵌套的侧导航,看起来有点像:

  • 父1
    • 孩子A
    • 孩子B
  • 家长2