Question: I want to capture an event when a user scrolls their scroll wheel in a situation where the page does not scroll/is not scrollable. However, the standard JS scroll event only fires when the browser actually does scroll, and will not fire for a DOM element styled to have overflow hidden.

Google maps' scroll to zoom is an example of the type of behavior I'm looking for.

Does anyone have any idea how to accomplish something like this?

Thanks.

Answer: 
You can capture the mouse-wheel event just fine:

```
$( '#yourElement' ).on( 'DOMMouseScroll mousewheel', function () {
    ...
});

```

**Live demo:** <http://jsfiddle.net/chtNP/1/>

(I'm using jQuery to bind the event handler, but it works regardless of which API you use, of course.)
With jQuery, you can use [this plugin](http://brandonaaron.net/code/mousewheel/demos), or any number of similar ones that do the same thing. 

If jQuery or a similar framework isn't an option, it's possible but prepare yourself for a world of pain when you want to get it working in more than one browser...