Я хочу, чтобы эта анимация запускалась только тогда, когда она находится в области просмотра. Как я мог этого добиться? На данный момент анимация работает великолепно, но к тому времени, когда она прокручивается, она уже закончилась.
<div class="col-md-4">
<div class="by-numb-1 by-numb-text hide"><p class="by-numb-1 hidden-load
text-light text-center"><span class="by-numb-numb">15643</span>Projects
Completed</p></div>
</div>
<script>
$('.by-numb-numb').each(function () {
$(this).prop('Counter',0).animate({
Counter: $(this).text()
}, {
duration: 6000 ,
easing: 'swing',
step: function (now) {
$(this).text(Math.ceil(now));
}
});
})
</script>
Может ли кто-нибудь помочь мне разобраться?
Я хочу, чтобы результат был 15 643.