Problem beim Warten auf die Funktion wurde beendet, bevor sie erneut ausgeführt werden kann

Question

Ich benutze das $ (window) .scroll(); um eine Funktion anzugeben, die aufgerufen werden soll, wenn der Benutzer zu weit oben oder unten scrollt.

Die Ausführung der Funktion dauert eine Sekunde, und wenn sie weiter scrollt, wird sie mehrere Male ausgeführt, bevor die erste sogar beendet ist.

Gibt es eine Möglichkeit, ich kann die Funktion starten lassen und dann die $ (window) .scroll() - Funktion, die es warten muss, bevor diese Funktion erneut ausführen?

Answer 1

Sie könnten einen boolean gesetzt, dass Sie bereits Scroll-Position Überprüfung:

checkingPosition = false; 
$window.scroll(function() { 
    if(checkingPosition) return; 
    checkingPosition = true; 
    //do stuff 
    checkingPosition = false; 
}); 

Answer 2

ich so etwas tun würde Umfang Fragen/Verwirrung, indem die Daten in ein Objekt einkapseln ... in diesem zu vermeiden Fall das Objekt jQuery (auf dem Fensterelement):

$(function() { 
    $(window).data('checking_scroll',false); 
    $(window).scroll(function() { 
     if($(this).scrollTop() >= 200 /* or whatever... */) { 
      if($(this).data('checking_scroll') === true) { 
       return false; 
      } else { 
       whatever_function();     
      }  
     } 
    }); 
}); 

function whatever_function() { 
    $(window).data('checking_scroll',true); 
    // do all your stuff... 
    $(window).data('checking_scroll',false); 
} 

... aber das ist nur meine Meinung.