Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
myskypesla
@myskypesla
JavaScript
CSS
Как остановить всю css и js анимацию при прокрутке страницы?
Привет всем, есть промо страница, на которой есть в такой очерёдности слайдер и параллакс:
Слайдер (slick)
Параллакс (relax js)
Слайдер (slick)
Параллакс (relax js)
Слайдер (slick)
Параллакс (relax js)
Меняется это всё каждые 3 секунды в разные стороны, т.е. очень много анимаций одновременно происходит.
Проблема: Страницы при прокрутке в момент смены всей анимации тормозит и идёт рывками.
Вопрос: как при прокрутке можно остановить анимацию css и js?
Вопрос задан
более трёх лет назад
618 просмотров
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
3
WebDev
@kirill-93
Остановить никак. При событии скролл удаляйте классы с анимацией, если это css, и установите какой-то флаг, который будет активен при скроле на жс и проверяйте его.
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Павел Корнилов
@KorniloFF
Куратор тега JavaScript
Работаю по font-end / JS
Проверять на наличие события
scroll
Если есть - стоп, если нет - анимация.
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
lipinart
@lipinart
Подключи WoW.js и показывай то, что видно
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Средний
Как создать плиточное меню WP с различным кеглем, по мере варьирования числа постов в категориях?
1 подписчик
4 часа назад
22 просмотра
0
ответов
HTML
+3 ещё
Простой
Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?
1 подписчик
14 часов назад
122 просмотра
1
ответ
CSS
Простой
Как убрать фон в input после выбора?
1 подписчик
16 часов назад
67 просмотров
0
ответов
HTML
+1 ещё
Простой
Как соединить кнопку и форму вместе?
1 подписчик
вчера
81 просмотр
1
ответ
JavaScript
+1 ещё
Простой
Как можно получить такой список ссылок?
1 подписчик
вчера
158 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как упростить и ускорить js на смену текста?
3 подписчика
вчера
1597 просмотров
2
ответа
JavaScript
+2 ещё
Простой
Как поменять свет линии при нажатии?
1 подписчик
30 июн.
140 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как создать скрипт удаления элемента HTML используя Tempermonkey?
1 подписчик
29 июн.
100 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как реализовать выдвигающийся из айтема блок(при нажатии на плюс)?
1 подписчик
29 июн.
76 просмотров
0
ответов
JavaScript
+1 ещё
Средний
Как перенести и улучшить данный скрипт из Stylus в Tempermonkey?
2 подписчика
29 июн.
735 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Front-End developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36
•
Воронеж
от 100 000 до 150 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама