Задать вопрос

Как анимировать цифры когда юзер из увидит?

Мне нужно анимировать цифры когда юзер прокрутит до них ст.
сам скрипт анимации мне не нужен
нужен только правильный ивент
  • Вопрос задан
  • 658 просмотров
Подписаться 5 Простой Комментировать
Решения вопроса 3
evgeniy8705
@evgeniy8705
Повелитель вселенной
scroll
Ответ написан
Комментировать
Stalker_RED
@Stalker_RED
$(window).on('scroll', function() { // событие scroll
  if ($('#element').visible(true)) { // проверка видимости
    // анимация здесь
  }
})
Ответ написан
Комментировать
@UncleDenn Автор вопроса
var currentNumber = $('#fun-level').text();
var cc = 1;

$(window).scroll(function() {
  $('#fun-level').each(function(){
    var cPos = $(this).offset().top;
    var topWindow = $(window).scrollTop();
    
  if (cPos < topWindow + 1000) {
    if (cc < 2) {
        cc = cc + 3;
        $({numberValue: currentNumber}).animate({numberValue: 40}, {
        duration: 2000,
        easing: 'linear',
        step: function() { 
            $('#fun-level').text(Math.ceil(this.numberValue)); 
        }
        });
      } 
     }      
  });
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы