Belirli divanda ilerlerken sayıları saymaya başla

Question

Sıfırdan belirli sayıya sayıları canlandıran çalışma işlevini yapmaya çalışıyorum. Ve bu komut dosyası, kendi ebeveyni bölümüne kaydırdığımda çalıştırılmalıdır. Ama oraya gittiğimde hiçbir şey olmuyor, sıfırda kalıyor.

Kendi tanıtımında çalışan bazı jquery.animateNumber.js indirdim, ancak benim için çalışmıyor. Fonksiyonum aşağıda, her tavsiye için teşekkürler!

$(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

Ben senin fiddle değiştirdiniz.

Pencereyi kaydırmak için bir 'offset-div' ekledim. Ayrıca, animasyon başladığında dinleyiciyi scroll olayında kapattım.

Geçerli kodunuzla başka herhangi bir farklılık görebiliyor musunuz?