Javascript 滚动特定div时开始计数

Javascript 滚动特定div时开始计数,javascript,jquery,Javascript,Jquery,我正在尝试制作一个工作函数,它应该能将数字从零变成特定的数字。当我滚动到它的父div时,应该执行该脚本。 但当我滚动到那里时,什么也没发生,它保持在零 我已经下载了一些jquery.animateNumber.js,它在它的演示中可以使用,但对我来说不起作用。我的功能如下,谢谢你的建议 $(function() { var oTop = $('#nase-prace').offset().top - window.innerHeight; $(window).scroll(fun

我正在尝试制作一个工作函数,它应该能将数字从零变成特定的数字。当我滚动到它的父div时,应该执行该脚本。 但当我滚动到那里时,什么也没发生,它保持在零

我已经下载了一些jquery.animateNumber.js,它在它的演示中可以使用,但对我来说不起作用。我的功能如下,谢谢你的建议

$(function() {
    var oTop = $('#nase-prace').offset().top - window.innerHeight;
    $(window).scroll(function(){

        var pTop = $('body').scrollTop();
        console.log( pTop + ' - ' + oTop );   //just for your debugging
        if( pTop > oTop ){
            start_count();
        }
    });
});

function start_count(){  
    $('#projektu').animateNumber({ number: 21 });
    $('#klientu').animateNumber({ number: 18 });
    $('#souboru').animateNumber({ number: 78941 });
}
我已经修改了你的密码

为了使窗口可滚动,我添加了一个“offset div”。此外,当动画开始时,我关闭了
滚动
事件的侦听器


这似乎有效,您能看到当前代码的其他差异吗?

请提供一个代码片段或jsfiddle@squaleLis