jquery - 弹出窗口 - 通过鼠标滚轮滚动

Question

我有一个隐藏的 div，并通过单击链接像模式弹出窗口一样打开它。div 内容是可滚动的，但我无法绑定鼠标滚轮滚动。

我已经从 jquery.mousewheel.js 尝试了这段代码：

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

Answer 1

尝试这个

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

Answer 2

这应该为您解决问题：

$(document).ready(function(){

    $('#previewFrame').bind('mousewheel', function(e){
        if(e.wheelDelta/120 > 0) {
            $(this).text('scrolling up');
        }
        else{
            $(this).text('scrolling down');
        }
    });
});

工作演示

Answer 3

我找到了这样的解决方案：在包含内容的 div 上方放置另一个带有“overflow:scroll”的透明 div，它将捕获的事件传递给 jScrollPane

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