Question

I have a hidden div, and open it like modal popup by clicking a link. Div content is scrollable, but I can’t bind mouse wheel to scroll.

I have tried this code from jquery.mousewheel.js:

$('#previewFrame').mousewheel(function(event, delta, deltaX, deltaY) {
    console.log(delta, deltaX, deltaY);
});

Answer 1

I found such solution:
Over the div with the contents lay another transparent div with “overflow:scroll”, which passes caught events to jScrollPane

// transfer mousewheel events to jScrollPaneContainer
$('#previewHider').mousewheel(function(event, delta, deltaX, deltaY) {
    $(this).next().find('div.jScrollPaneContainer').eq(0).trigger('mousewheel', delta);
});