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

Question

我不知道如何在只字解释 - 所以让我们开始用图像显示，我想用代码来完成的：

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

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

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

连官方的例子都没有做我想做的事情，你可以看到here。它只是表示查看“下拉菜单”中的部分项目，而不是实际查看的特定项目。

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

谢谢！

Answer 1

也许这是有点晚了，但我有这个问题，只是这种搜索在谷歌和找到了答案:)

Scrollspy有一个梦幻般的事件：

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

在做某些事情“区域，你可以捕获刚刚收到'主动'类的元素，获得它的标识符，并更新你的下拉列表:)