@zhyshy

Как отрабатывать скрипт jquery, когда он в поле зрения?

Подскажите, как сделать выполнение скрипта только тогда, когда он попадает в поле зрения (доскролили до нужного места).

Вот сам скрипт:
$('.count').each(function () {
		$(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 4000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
        }
    });
	});


Если стоит класс count, то запускается счетчик от 0 до нужной цифры.
<span class="count">3211000</span>
  • Вопрос задан
  • 261 просмотр
Пригласить эксперта
Ответы на вопрос 2
@imhuman
И обрати внимание, что скрипт не может быть "в поле зрения" или вне его. Его работа не зависит от положения на странице. Ему вообще место в отдельном файле. Поэтому надо ориентироваться на видимость элемента, над которым этот скрипт выполняет действие.
Ответ написан
lazalu68
@lazalu68
Salmon
Можно использовать $-сниппет onAppearanceApply.

el.onAppearanceApply( function(){
    console.log( this.is( el ) ); // true
} );
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы