How can I determine the direction of a jQuery scroll event?

by

Check current scrollTop vs previous scrollTop 

var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
       // downscroll code
   } else {
      // upscroll code
   }
   lastScrollTop = st;
});

More Related Contents:

  1. Regular Expression jquery validation1 [duplicate]
  2. Can’t append element
  3. jQuery how to bind onclick event to dynamically added HTML element [duplicate]
  4. No ‘Access-Control-Allow-Origin’ header is present on the requested resource error
  5. How do I create a link using javascript?
  6. Getting Error “Form submission canceled because the form is not connected”
  7. Parsing CSS in JavaScript / jQuery
  8. How do I catch jQuery $.getJSON (or $.ajax with datatype set to ‘jsonp’) error when using JSONP?
  9. Generate unique number within range (0 – X), keeping a history to prevent duplicates
  10. How to open a file / browse dialog using javascript?
  11. Ajax success event not working
  12. CSS media queries and jQuery window .width() do not match
  13. Why does appending a to a dynamically created seem to run the script in the parent page?
  14. Rotate image with javascript
  15. Responsive horizontal page sliding
  16. How can I toggle the element that is clicked and hide all others?
  17. Embed HTML5 YouTube video without iframe?
  18. jQuery validate plugin on DIV
  19. jQuery call function from a string [duplicate]
  20. how to resolve iframe cross domain issue [duplicate]
  21. how to get selection inside a div using jquery/javascript
  22. Storing a variable in the JavaScript ‘window’ object is a proper way to use that object?
  23. Uncaught ReferenceError: $ is not defined error in jQuery
  24. Get Correct keyCode for keypad(numpad) keys
  25. How can I stop jQuery.ajax() from logging failures to the console?
  26. Why does the jQuery JSON parser need double escaping for backslashes?
  27. Dealing with overlapping jQuery sortable lists
  28. Is there any way to check reachability test of server in jQuery
  29. Generate XML document in-memory with JavaScript
  30. parse xml response with jQuery

Leave a Comment