How to detect mouse scroll down in jQuery?

Question

I am using jQuery 2.0.2. I am able to detect scrolling up mousewheel by using

Panel.bind("mousewheel", function () {});

How to detect mouse scrolling down?

duplicate of http://stackoverflow.com/questions/7154967/jquery-detect-scrolldown — Tamil Selvan C, Jun 15 '13 at 00:39

score 2 · Accepted Answer · answered Jun 15 '13 at 00:39

The mousewheel event returns a delta value, signifying if the mouse wheel was scrolled up or down.

Here's a very good site explaining how to handle mousewheel events in all browsers (Firefox seems to do it a little differently than others):

http://www.sitepoint.com/html5-javascript-mouse-wheel/

There's also a jQuery plugin:

https://github.com/brandonaaron/jquery-mousewheel

score 0 · Answer 2 · answered Nov 12 '13 at 12:27

You can also use jQuery Mouse Wheel Plugin

In order to use the plugin, simply bind the mousewheel event to an element. It also provides two helper methods called mousewheel and unmousewheel that act just like other event helper methods in jQuery. The event callback receives three extra arguments which are the normalized "deltas" of the mouse wheel.

How to detect mouse scroll down in jQuery?

2 Answers2