Bootstrap Scrollspy - 如何让下拉列表滚动？

Question

我不确定如何用单词来解释这一点 - 所以我们先从一张图片开始，展示我想用代码完成的工作：

基本上，我想要完成的任务：

1. 页面的所有部分（主题）都应该在下拉列表中。
2. 下拉菜单应该作为一个菜单 - 点击一个项目应该（滚动）你到特定部分。
3. 滚动页面时，下拉列表应查看/指示您当前正在查看的部分。

我对js的了解/理解非常有限，所以在阅读bootstrap文档时我可能会忽略这一点。但无论我尝试什么，似乎我都无法通过下拉菜单来指示当前浏览器视图中的哪个部分。

即使是官方的例子也没有做我想要完成的事情，你可以看到here。它只表示＆＃34; Dropdown＆＃34;中的某些项目被查看，而不是实际被查看的特定项目。

如果我无法使用bootstrap完成此操作，还有其他方法吗？

谢谢！

Answer 1

可能这有点晚了，但我遇到了这个问题，只是在Google上搜索了这个问题并找到答案：）

Scrollspy有一个很棒的事件：

$('#myScrollspy').on('activate.bs.scrollspy', function () {
 // do something… 
})

在'do something'区域，您可以捕获刚收到'active'类的元素，获取其标识符，并更新下拉列表：）