如何使用Bootstrap ScrollSpy在body上使用多个目标

Sha*_*non 5 jquery multiple-instances twitter-bootstrap scrollspy

我想使用带有多个导航的Bootstrap ScrollSpy,我的主导航和垂直子挡.

我试过多次这样的事情:

  • <body data-spy="scroll" data-target="#main-nav #subnav">
  • <body data-spy="scroll" data-target="#main-nav, #subnav">
  • $('body').scrollspy({target: "#main-nav"});
    $('body').scrollspy({target: "#subnav"});
  • $('body').scrollspy({target: "#main-nav"}, {target: "#subnav"});
  • 放置包装器div:
    <body data-spy="scroll" data-target="#main-nav"><div data-spy="scroll" data-target="#subnav">

没有什么工作得好......

我该如何实现这一目标?

谢谢!

Sha*_*non 9

好的,我找到了一种方法来实现我想要的东西.

如果我没有定义scrollSpy的目标,我的所有导航链接都会被考虑:

$('body').scrollspy({target: ''});
Run Code Online (Sandbox Code Playgroud)