Задать вопрос
raselgit
@raselgit
Веб-дизайнер

Запуск счетчиков цифр при скролле до них, как сделать?

Есть функция, которая запускает счетчик цифр:
$('.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", только эти элементы раскиданы по странице.

Хотел сделать, чтобы они начинали просчитываться в том случае, когда пользователь до них доскралливает, но когда я прописал такую функцию, то сработало некорректно, поскольку у них один класс и функция не может понять, что нужно следить отдельно за каждым элементом.

Подскажите, как правильно реализовать такую функцию, спасибо.
  • Вопрос задан
  • 3133 просмотра
Подписаться 1 Средний Комментировать
Ответ пользователя aloky К ответам на вопрос (3)