jQuery - jak traktować przewijanie jako pojedyncze wydarzenie?

Question

Po połączeniu funkcji przewijania i przewijania koła myszy, funkcja działa siedem lub osiem razy. Chcę, żeby uruchomił się tylko raz, kiedy raz przewińam kółko myszy, czy to możliwe? Używam tego kodu:

$(document).ready(function() { 
    $(window).bind('scroll', function() { 
     alert("Scroll.");   
    } 
    }); 
}); 

Answer 1

Jeśli przez „raz” to znaczy, raz-per-page-obciążeniu, można rozpiąć zdarzenia w słuchacza z metodą off(). http://api.jquery.com/off/

Istnieje również możliwość przestrzeni nazw wydarzeń jak:

scroll.namespace jest wciąż to samo zdarzenie, ale można rozpiąć go specjalnie.

$(document).ready(function() { 
    $(window).on('scroll.myEvent', function() { 
     $(window).off('scroll.myEvent'); 
     alert("Scroll.");   
    } 
    }); 
}); 

Answer 2

Spróbuj

$(document).ready(function() { 
    var timerId; 
    $(window).bind('scroll', function() { 
     clearTimeout(timerId) 
     timerId = setTimeout(function(){ 
      alert("Scroll.");   
     }, 200) 
    }); 
}); 

Demo: Fiddle

Answer 3

Można używać funkcji przepustnicy z jQuery throttle debounce wtyczki.

$(function() { 
    $(window).bind('scroll', $.throttle(100, function() { 
     console.log('scroll'); 
    })); 
}); 

Answer 4

tylko odmianą Aruns odpowiedź:

podobne podejście, tak, że zdarzenie get natychmiast zwolniony, a następnie zapobiec należy obchodzić ponownie odstępie czasu. Abyś nie musiał czekać przed rozpoczęciem obsługi wydarzenia.

$(document).ready(function() { 
    var locked = false 
     , timeout; 

    $(window).bind('scroll', function() { 
     //do nothing if still locked 
     if(true === locked){ 
      return false; 
     } 
     //lock 
     locked = true; 

     //do something if not locked 
     alert('scroll!') 

     clearTimeout(timeout) 
     timeout = setTimeout(function(){ 
      //unlock 
      locked = false;   
     }, 1000) 
    }); 
}); 

Answer 5

Jeśli chcesz wykryć przewijanie tylko raz, użyj tego:

$(function() { 
    var done = false; 
    $(window).bind('scroll', function() { 
     if (!done){ 
      alert("Scroll."); 
      done = true; 
     } 
    }); 
}); 

ale jeśli chcesz, aby wykryć każde zdarzenie przewijania, spróbuj coś takiego odpowiedzi 4