滚动特定div时开始计算数字

时间:2016-04-05 07:58:04

标签: javascript jquery

我正在尝试制作工作函数,它应该将数字从零动态设置为特定数字。当我滚动到其父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 });
}

1 个答案:

答案 0 :(得分:0)

我修改了您的fiddle

我添加了一个' offset-div'为了使窗口可滚动。此外,我在动画开始时关闭$6.7/4 Declaration statement [stmt.dcl]事件上的监听器。

它似乎有效,您能否看到与当前代码有任何其他差异?