Html 使用<；ul>；就像推特引导一样

我正在使用twitter引导，有一个很长的页面，我把它分为多个部分

我想在屏幕左上角实现一个区段指示器，它总是显示读者当前阅读的位置，如下面的屏幕截图：

我成功地获得了正确的布局，如下所示：

然而，我有一些问题，我已经工作了几个星期，但仍然无法解决：

如何在用户滚动时动态标记当前节

如何设置箭头从源移动到下一个

的动画（如果读者单击更远的

而不是滚动，则直接移动到目标）

我试过使用getbootstrap.com/components中的简单版本，但仍然没有用。。。请帮忙。。。这是非常有压力的，因为我在javascript和css方面特别弱：(

getbootstrap.com/components中的

也可以使用，但它不包含在组件中，我也无法找到相应的代码：（“>

编辑：

总结一下答案：

请查看此库：

---

对于单页网站，请看一看单页导航插件。当用户单击并向下滚动页面时，它会为当前菜单项分配一个css类。

如果您想尝试一下，请在JSFIDDLE中共享您的html和css源代码。谢谢！该库易于理解，易于扩展，即使我不是gjs和css中的ood！