HTML页面部分的迷你地图在视口中显示为固定锚点

Question

我在一两个月前看到一个网站，它固定在页面的右侧，当页面滚动时不会滚动。仅凭这一点并不难用CSS。

但是在该网站上，固定锚点是根据页面中的节标题动态生成的。它们按照页面右侧相对于文档中的位置按比例分开。

本质上，它创建了整个文档的迷你地图，可以直观地了解文档中的内容以及文档各部分之间的间距，这些都在当前视口中。您可以快速查看每个部分相对于彼此的大小。也许我应该把它称为内容表而不是迷你地图。

我相信这是在某种API的文档页面上。我认为它对导航非常有用，并且想要为我需要做的一些文档构建类似的东西。

在某种程度上，它让我想起了Sublime Text 2右侧的小地图，但只显示了主要标题，并将它们描绘为固定在页面右侧的按钮。

不幸的是，我无法记住或找到我看到它的网站。有没有人见过这样的例子？在开始实施之前，我很想看到一些例子。或者是否存在任何工具，jquery插件等？

Answer 1

这是你要找的吗？

https://github.com/gre/flexible-nav

http://demo.greweb.fr/flexible-nav/