Подскажите, пожалуйста, как реализовать следующую идею:
У меня есть блок, внутри которого есть span
с числами, как сделать так, чтобы анимация чисел происходила только тогда, когда пользователь доскролит именно до этого блока.
Сейчас анимация происходит при загрузки страницы.
Не совсем понимаю где ошибся:
var flag = true,
win = $(window).scrollTop(),
blockTop = $(".support_month").offset().top;
$(window).scrollTop(function () {
if ( blockTop < win ) {
while (flag) {
$('.counter-number').each(function () {
$(this).prop('Counter',0).animate({
Counter: $(this).text()
}, {
duration: 1000,
easing: 'linear',
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
flag = false;
}
}
})
;