Как запустить js скрипт на определенном месте?

Question

[a16a]

Всем привет.
Имеется скрипт анимации счетчика, и этот скрипт сразу подгружается когда запускаешь страницу. А когда доходишь до определенного места, счетчик уже закончил свое дело.
Необходимо сделать так чтобы скрипт начал работать когда экран дополз до этих элементов или блока.

$('.count').each(function () {
    $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 5555,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
        }
    });
});

Comments

[Айнур Валиев]

window.onscroll = function() {
var top  = window.pageYOffset || document.documentElement.scrollTop,
    left = window.pageXOffset || document.documentElement.scrollLeft;
}

Answer 1

[Евгений Калибров]

Поместите код в функцию и вызывайте её по событию скролла, когда он дойдёт до нужного вам элемента:

function start_count() {
    $('.count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5555,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
}

$(function() {
    var oTop = $('.count').offset().top - window.innerHeight;
    $(window).scroll(function(){
        var pTop = $('body').scrollTop();
        if( pTop > oTop ){
            start_count();
        }
    });
});

Comments

[a16a]

счетчик вообще заглох)