Wie scroll() triggern Ereignisse mehrmals stoppen

Question

Im mit jquery.visible.js zu erkennen, wenn ein DIV in Sicht ist (es startet die Animation auf Plug-in, die wie ein Kreis Animationseffekt hat). Aber es feuert immer weiter, wenn ich das Scrollrad benutze, multipliziere es auf unbestimmte Zeit und ich kann keinen Weg finden es mit off() oder unbind() zu stoppen. Vielen Dank!

// Check vertical for circliful using jquery.visible.js 
$(window).scroll(function(){ 
    if ($("#moreSection").visible(true)){ 


     // trigger circliful 
     $('#myStat-1').circliful() // this wont stop firing 

} 
}); 

Answer 1

als #Shikkediel wies darauf hin, scroll() wird auf die Bildrate ändert gefeuert. Jede Scroll kann also hunderte Male auslösen.

Sie können dies tun:

$(window).scroll(function(){ 
    if ($("#moreSection").visible(true)){ 
     doActionAndStopScript(); 
    } 
}); 

function doActionAndStopScript(){ 
    $('#myStat-1').circliful() // now it will fire once 
    $(window).unbind('scroll'); 
} 

können Sie nur die unbind() rufen von außerhalb des $(window)

Answer 2

The scroll Ereignis einmal abfeuert für jedes Pixel, das gescrollt wird. Um dieses Verhalten zu umgehen, können Sie einen Zeitgeber verwenden, der nur Ihre Logik nach Scrolling hat für x Millisekunden ausgeführt wurde. Versuchen Sie dies:

var timer; 
$(window).scroll(function() { 
    clearTimeout(timer); 
    timer = setTimeout(function() { 
     if ($("#moreSection").visible(true)){ 
      $('#myStat-1').circliful(); 
     } 
    }, 250); 
}); 

250ms ist normalerweise lang genug, um zu warten, um Ihren Code zu feuern. Sie können diesen Wert wie gewünscht einstellen.