JQuery Mousewheel: How to disable?

Question

I am using jquery.mousewheel.js as a part of the jQuery jScrollPane plugin.

I want to disable the mousewheel at some point.

Could someone please recommend a jQuery statement that can do it?

Thank you!

score 27 · Accepted Answer · edited Apr 11 '16 at 10:20

27

Something like this:

$("#menu").bind("mousewheel", function() {
    return false;
});

edited Apr 11 '16 at 10:20

Mosh Feu

answered Jul 15 '11 at 02:47

Mrchief

Thank you! This is just what I needed! – Dimitri Vorontzov Jul 15 '11 at 03:07
4

To undo the effect of the code above, run: `$("#menu").unbind("mousewheel");` – Ilia May 21 '16 at 14:52

score 5 · Answer 2 · answered Nov 01 '12 at 18:11

5

Try using .unmousewheel(), it should also work.

answered Nov 01 '12 at 18:11

gentimouton

score 0 · Answer 3 · edited Apr 11 '16 at 10:21

0

the container you must unbind is jspPane

In my case i needed to disable it only in the boxes inside #myOuterContainer

$('#myOuterContainer .jspPane').bind('mousewheel',function(){ return false; });

edited Apr 11 '16 at 10:21

Mosh Feu

answered Jun 20 '14 at 12:25

odam.fm

score 0 · Answer 4 · answered Apr 28 '20 at 18:32

For those who are not using the jQuery mousewheel plugin, this worked for me:

$("#inputID").bind("wheel", function() {
    return false;
});

The only difference is that the .bind method takes an argument of wheel instead of mousewheel

Note: The element I applied this to was on an input of type number

4 Answers4