JQuery Mousewheel Scroll Div IE PROBLEM

I'm trying to enable mousewheel scroll for a simple div. It work for FF CHROME SAFARI...but IE 7,8,9 still won't cooperate as usual ;) I am using jQuery mousewheel plugin : (functi

Solution 1:

I can't get it to work, even with jQ 1.6.2. But I can give you the arrow key code:

$(window).bind('keydown', function(e){

if (e.keyCode == 38){
    $('#layerslider').layerSlider('prev');
}
else if (e.keyCode == 40){
    $('#layerslider').layerSlider('next');
}

});

Solution 2:

I just solved this issue setting a transparent backgroung image to DIV style.

background: url(../images/desktop/common/scroll-pages-bg-fix-to-ie.png) repeat;

The scroll-pages-bg-fix-to-ie.png is 1x1 pixels with transparent color.

The problem is IE answer to this event only over areas with visual elements. As always! IE giving us problems.

In my issue the event was .scroll

$("#content #pages").scroll(function () {...});

but I suppose my solution can solve your problem.