Как реализовать скролл элементов сайдбара?

Question

[litash]

Привет, у vue есть страница api, у нее есть сайдбар с множеством названий, как можно реализовать такое же поведение сайдбара при скролле документа ?

Мы видим что при скролле добавляется класс active к элементу, т.е он становится зеленый, а так же мы видим что активные элементы сайдбара не исчезают при скролле документа. Мне нужно решить проблему со скроллом, нужно такое же поведение элементов. За что цепляться? Если есть плагин - можно его, либо кастомное решение :) Спасибо!

Вот видео пример

Answer 1

[Дмитрий Арушанов]

Не уверен на все 100%. Но глянув исходный код страницы (vue) -> видно что есть подключенный скрипт
smooth-scroll.js
Вот ссылка на репозиторий ->
https://github.com/cferdinandi/smooth-scroll

Сам лично его не использовал, потому не могу утверждать, что там есть этот функционал, но беглый осмотор доков
что то в районе Custom Events - там вроде как можно получить текущий якорь,(название) ну и потом руками добавить класс active к нужному селектору (данные для поиска седектора по идее будут в колбеках) но могу ошибаться. Лишь догадка.