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

Как воспроизвести Canvas анимацию в определённый момент скрола?

Здравствуйте. Есть анимация Canvas сделанная в Adobe Animate CC, при загрузке страницы анимация воспроизводится автоматически и когда доходишь до неё, видишь только картинку с конечным результатом.
Как сделать чтобы анимация воспроизводилась только тогда, когда она попадает в поле зрения экрана?
  • Вопрос задан
  • 337 просмотров
1 комментарий
Подписаться Оценить 1 комментарий
Пригласить эксперта
Ответы на вопрос 2
@zolotykh
web-разработчик
У этой анимации есть функция запуска, вам надо ее отложить до момента появления блока в области видимости.

var $animationBlock = $('_selector_to_element');
var $window = $(window);

$window.on('scroll', function(){
  if ($animationBlock.offset().top >= $window.scrollTop()){
    // animation function
  }
});
Ответ написан
Комментировать
Комментировать
@Dezzzigner Автор вопроса
Простите я "мягко говоря" дилетант в JS, можете написать что и куда подставлять?
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Протестировать виджет на личном сайте
26 апр. 2024, в 18:00
500 руб./за проект
Установить систему Linux
26 апр. 2024, в 17:24
2000 руб./в час
Перенести базу знаний в формат lms (На подобии Obsidium)
26 апр. 2024, в 17:02
35000 руб./за проект
Ещё заказы