Как остановить всю css и js анимацию при прокрутке страницы?

Question

[myskypesla]

Привет всем, есть промо страница, на которой есть в такой очерёдности слайдер и параллакс:

Слайдер (slick)
Параллакс (relax js)
Слайдер (slick)
Параллакс (relax js)
Слайдер (slick)
Параллакс (relax js)

Меняется это всё каждые 3 секунды в разные стороны, т.е. очень много анимаций одновременно происходит.

Проблема: Страницы при прокрутке в момент смены всей анимации тормозит и идёт рывками.

Вопрос: как при прокрутке можно остановить анимацию css и js?

Answer 1

[WebDev]

Остановить никак. При событии скролл удаляйте классы с анимацией, если это css, и установите какой-то флаг, который будет активен при скроле на жс и проверяйте его.

Answer 2

[Павел Корнилов]

Проверять на наличие события scroll
Если есть - стоп, если нет - анимация.

Answer 3

[lipinart]

Подключи WoW.js и показывай то, что видно