本文介绍了如何通过Bootstrap ScrollSpy在身体上使用多个目标的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想将Bootstrap ScrollSpy与多个导航，主导航和垂直子导航一起使用.
I want to use Bootstrap ScrollSpy with multiple nav, my main nav and a vertical subnav.
我尝试了多种类似方法:
I tried multiple thing like :
-
<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">
<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"});- Putting wrapper div:
<body data-spy="scroll" data-target="#main-nav"><div data-spy="scroll" data-target="#subnav">
但没有任何效果...
but nothing worked fine...
我该如何实现?
谢谢！
推荐答案
好，我找到了一种实现自己想要的东西的方法.
Ok, I found a way to acheive what I want.
如果我没有为scrollSpy定义目标，则将考虑所有我的导航链接:
If I dont define a target to scrollSpy, all my navigation links are considered :
$('body').scrollspy({target: ''});
这篇关于如何通过Bootstrap ScrollSpy在身体上使用多个目标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！