Use jQuery to check mousewheel event without scrollbar

by

I highly recommend you use this jQuery plugin: PLUGIN

Without a plugin, try this example: EXAMPLE

HTML:

<div id='foo' style="height:300px; width:300px; background-color:red"></div>

Javascript:

$('#foo').bind('mousewheel', function(e) {
    if(e.originalEvent.wheelDelta / 120 > 0) {
        alert('up');
    } else {
        alert('down');
    }
});

There is no scrollbar on the div but the wheel event is detected.

More Related Contents:

  1. How can I differentiate a manual scroll (via mousewheel/scrollbar) from a Javascript/jQuery scroll?
  2. How to programmatically disable page scrolling with jQuery
  3. How can I scroll to a specific location on the page using jquery?
  4. How to detect scroll direction
  5. Can I change the scroll speed using css or jQuery?
  6. jQuery scroll to ID from different page
  7. Activate CSS3 animation when the content scrolls into view
  8. Detect middle button click (scroll button) with jQuery
  9. javascript: detect scroll end
  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. How to prevent page scrolling when scrolling a DIV element?
  21. How to make div follow scrolling smoothly with jQuery?
  22. How to detect horizontal scrolling in jQuery?
  23. How do you animate the value for a jQuery UI progressbar?
  24. jQuery animate scroll
  25. Load ajax when scroll reaches 80%
  26. jquery vertical mousewheel smooth scrolling
  27. scroll up and down a div on button click using jquery
  28. jQuery: detecting reaching bottom of scroll doesn’t work, only detects the top
  29. Detect user scroll down or scroll up in jQuery [duplicate]
  30. Jquery .on(‘scroll’) not firing the event while scrolling

Leave a Comment