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

我正在尝试使工作函数适用于从零到特定数字的动画。当我滚动到它的父div时，该脚本应该执行。但是当我在那里滚动时，没有任何反应，它保持为零。在特定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 }); 
}

来源

2016-04-05 H Sturma

请提供一个片段或jsfiddle – squaleLis

@squaleLis https://jsfiddle.net/qu837eah/ –

我已修改您的fiddle。

我添加了一个'offset-div'来使窗口可以滚动。此外，当动画开始时，我关闭了scroll事件中的听众。

它似乎工作，你可以看到任何其他与您当前的代码的差异？

来源

2016-04-05 09:23:38 squaleLis

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

回答

相关问题