Как избавить маркер от лишних дёрганий?

Question

[seregindev]

Доброго времени суток!
Сейчас закончил работу над скриптом(подсвечивание активного элемента меню)
Всё бы хорошо, но нужно реализовать так же плавный скролл при клике.
Всё бы ничего, да только при клике на элемент допустим 3й, мы скролимся к нем и здесь мы перешли к проблеме.
Во время скрола, когда айди элемента и айди блока равны, этот элемент меню становится активным(добавляется класс active), мы проходим 2 дива, и каждый раз скрипт срабатывает, в итоге получается "плавающий див" скочет, но в итоге приходит к целе.
Не знаю как решить данную проблема, вот рабочий скрипт для наглядности - https://codepen.io/seregindev/pen/dNOmRZ

Answer 1

[Максим Тимофеев]

Надо вводить в скрипт индикатор анимации. И игнорировать клики пока выполняется анимация.

Answer 2

[furashcka]

как вариант, во время "скролинга из js" манипулировать классом .active только после завершения анимации...

Comments

[seregindev]

У меня всё так и реализовано. Но увы вот что имеем

Answer 3

[profesor08]

Просто воспользуйтесь вот этим: https://github.com/flesler/jquery.scrollTo