Есть функция, которая запускает счетчик цифр:
$('.counter').each(function() {
$(this).prop('Counter', $(this).data('from')).animate({
Counter: $(this).text()
}, {
duration: $(this).data('duration'),
easing: 'swing',
step: function(now) {
$(this).text(Math.ceil(now))
}
})
});
Счетчик работает у элементов с классом ".counter", только эти элементы раскиданы по странице.
Хотел сделать, чтобы они начинали просчитываться в том случае, когда пользователь до них доскралливает, но когда я прописал такую функцию, то сработало некорректно, поскольку у них один класс и функция не может понять, что нужно следить отдельно за каждым элементом.
Подскажите, как правильно реализовать такую функцию, спасибо.