Задать вопрос
@myskypesla
javascript

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

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

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

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

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

Вопрос: как при прокрутке можно остановить анимацию css и js?
  • Вопрос задан
  • 628 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 3
@kirill-93
Остановить никак. При событии скролл удаляйте классы с анимацией, если это css, и установите какой-то флаг, который будет активен при скроле на жс и проверяйте его.
Ответ написан
Комментировать
Комментировать
KorniloFF
@KorniloFF Куратор тега JavaScript
Работаю по font-end / JS
Проверять на наличие события scroll
Если есть - стоп, если нет - анимация.
Ответ написан
Комментировать
Комментировать
@lipinart
Подключи WoW.js и показывай то, что видно
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 200 000 до 300 000 ₽
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
Фронтенд разработчик (Frontend developer)
Айдис
от 100 000 ₽
Ещё вакансии