toggle mousewheel scrolling

[Anonymous]

I want to disable mousewheel scrolling when the cursor is over a div, and re-enable mousewheel scrolling when it leaves the div. How can i achieve this?

[Alan C]

I don’t believe this is possible. You could potentially look into preventing page scrolling period though.

[dgriesel]

You can, here you go:
http://codepen.io/anon/pen/iLyqK/

Whenever the cursor is above the div, that div receives the mousewheel event before the rest of the page. Just preventDefault() and no scrolling will happen.

Be aware that my code uses the jQuery mousewheel plugin:
http://raw.githubusercontent.com/brandonaaron/jquery-mousewheel/master/jquery.mousewheel.js

It can also be done with native JS, but that would be your job to find the neccessary code .

[Author]

Posts