Как сделать скроллбар по якорям?

Question

[HennesyGregson]

Хочу сделать такие якоря. Наверху, на главной странице он должен выглядит так:

А вот когда юзер пролистывает его по секциям, то скроллбар должен превратиться в кликабельные точки. Вот так:

Вопрос тупой, но есть ли какой-то скрипт, или библиотека, с которой это можно будет сделать? Точки, в принципе, можно сделать с pagination Scrollify или fullpage, но вот как его заанимировать? Благодарю заранее

Comments

[Дима Долготер]

лучше руками сделать. там не много писать

[HennesyGregson]

SpiderPigAndCat, можно хотя бы набросок?

Answer 1

[Дима Долготер]

слушай событие скролла и делай действия
1) если scrollTop == 0 то даешь точкам класс который вытягивает их в ширину если нет то убираешь класс и они снова точки
2) для плавной анимации вот тут написано gnatkovsky.com.ua/yakorya-i-plavnyj-perexod-po-yak...
3) сами точки position:fixed; right:20px;
вот и все вроде)

Comments

[HennesyGregson]

Спасибо большое