在特定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上滾動時開始計算數字

回答

相關問題