Bootstrap Scrollspy - 如何获得一个下拉列表来滚动间谍？

Question

我不知道如何只用文字来解释这一点 - 所以让我们从一张图片开始，展示我想用代码完成什么：

所以基本上，我想要完成的事情：

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

我对 js 的知识/理解非常有限，因此在阅读引导文档时我可能会错过明显的内容。但是无论我尝试什么，似乎我都无法通过下拉菜单来指示当前浏览器视图中的哪个部分。

甚至官方的例子都没有做我想要完成的事情，你可以看到here。它仅表示查看了“下拉菜单”中的某些项目，而不是实际正在查看的特定项目。

如果我无法通过引导程序完成此操作，还有其他方法吗？

谢谢！

Answer 1

可能这有点晚了，但我遇到了这个问题，只是在谷歌上搜索并找到了答案:)

Scrollspy 举办了一场精彩的活动：

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

在“做某事”区域，您可以捕获刚刚收到“活动”类的元素，获取其标识符，然后更新您的下拉列表：)