How to detect horizontal scrolling in jQuery?

by

This seems to work.

var lastScrollLeft = 0;
$(window).scroll(function() {
    var documentScrollLeft = $(document).scrollLeft();
    if (lastScrollLeft != documentScrollLeft) {
        console.log('scroll x');
        lastScrollLeft = documentScrollLeft;
    }
});

jsFiddle.

More Related Contents:

  1. How to programmatically disable page scrolling with jQuery
  2. Scroll to a div using jQuery
  3. How can I scroll to a specific location on the page using jquery?
  4. jQuery Scroll to bottom of page/iframe
  5. How to detect scroll direction
  6. Can I change the scroll speed using css or jQuery?
  7. jQuery scroll to ID from different page
  8. Activate CSS3 animation when the content scrolls into view
  9. Detect middle button click (scroll button) with jQuery
  10. More efficient way to handle $(window).scroll functions in jquery?
  11. jquery change background color user scroll
  12. Animate scroll to ID on page load
  13. Show Div when scroll position
  14. How do I scroll a row of a table into view (element.scrollintoView) using jQuery?
  15. jQuery disable scroll when mouse over an absolute div
  16. Differentiate between scroll up/down in jquery? [duplicate]
  17. How do I get the height of a div’s full content with jQuery?
  18. jquery – keep window from changing scroll position while prepending items to a list?
  19. Disable scrolling when changing focus form elements ipad web app
  20. jQuery trigger when 2/3s of div are in viewport
  21. How to make div follow scrolling smoothly with jQuery?
  22. jQuery animate scroll
  23. scroll up and down a div on button click using jquery
  24. Use jQuery to check mousewheel event without scrollbar
  25. jQuery: detecting reaching bottom of scroll doesn’t work, only detects the top
  26. Detect user scroll down or scroll up in jQuery [duplicate]
  27. Jquery .on(‘scroll’) not firing the event while scrolling
  28. Animate an element’s width from 0 to 100%, with it and it’s wrapper being only as wide as they need to be, without a pre-set width, in CSS3 or jQuery
  29. Convert delimited string into hierarchical JSON with JQuery
  30. Way to trigger multiple keypress and hold events in jQuery

Leave a Comment