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');
        }
    });
});

工作DEMO

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);
});

弹出窗口 - 用鼠标滚轮滚动

3 个答案: