Detect Scroll on Firefox and Chrome

by allcaps

HTML

<div id="foo"></div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

CSS

#foo
{
    width: 100px;
    height: 100px;
    background: red;
    position: fixed;
}

JavaScript

$(window).bind('DOMMouseScroll mousewheel', function(event){
    if(event.originalEvent.detail > 0  || event.originalEvent.wheelDelta > 0)
    {
        $("#foo").text("up");
    }
    else
    {
        $("#foo").text("down");
    }
});