特定のdivのスクロール時にカウントを開始する

Question

私はゼロから特定の数値に数値をアニメーション化する作業関数を作成しようとしています。そのスクリプトは、親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 }); 
} 

Answer 1

fiddleを変更しました。

ウィンドウをスクロール可能にするために 'offset-div'を追加しました。さらに、アニメーションの開始時にscrollイベントのリスナーをオフにしました。

動作しているようですが、現在のコードとの相違点はありますか？