Мини-карта разделов HTML-страницы, показанных в виде фиксированных якорей во вьюпорте

Я видел сайт месяц или два назад, на котором были закреплены привязки к правой стороне страницы, которые не прокручивались при прокрутке страницы. Одно это несложно сделать с помощью CSS.

Но на этом сайте фиксированные привязки генерировались динамически на основе заголовков разделов на странице. И они были пропорционально размещены в правой части страницы по отношению к их положению в документе.

По сути, он создавал мини-карту всего документа, давая визуальный обзор того, что было в документе, и расстояние между разделами документа, все в пределах текущего окна просмотра. Вы могли быстро увидеть, насколько велики каждая секция по отношению друг к другу. Может, стоит назвать это оглавлением, а не мини-картой.

Я считаю, что это было на странице документации по некоему API. Я думаю, что это хорошо сработало для навигации, и хочу создать что-то подобное для некоторой документации, которую мне нужно сделать.

В некотором смысле это напомнило мне миникарту с правой стороны Sublime Text 2, но были показаны только основные заголовки, и они были изображены в виде кнопок, закрепленных на правой стороне страницы.

К сожалению, я не могу вспомнить или найти сайт, на котором видел это. Кто-нибудь видел пример чего-то подобного? Я хотел бы увидеть несколько примеров, прежде чем приступить к его реализации.Или существуют какие-либо инструменты для этого, плагины jquery и т. Д.?