Popup - 滾動鼠標滾輪

我有一個隱藏的div，並通過點擊鏈接打開它像模態彈出。 Div內容是可滾動的，但我無法綁定鼠標滾輪進行滾動。Popup - 滾動鼠標滾輪

我曾嘗試這個代碼jquery.mousewheel.js：

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

來源

2012-12-03 Crusader

對不起，我發現，問題出在jScrollPane.js - 插件文檔寫的：<！ - 鼠標滾輪插件 - 可選，提供鼠標滾輪支持 - > <腳本類型= 「文/ JavaScript的」 SRC = 「腳本/ jquery.mousewheel.js」> 但輪只工作在滾動條上，不包含區域:( – Crusader

我發現這樣的解決方案：在分度，內容躺在另一透明格「溢出：滾動」，這釣到傳遞事件JScrollPane的

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

來源

2012-12-03 12:29:57 Crusader

試試這個

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

來源

2012-12-03 10:06:17 Flexo

這應該做的伎倆爲您提供：

$(document).ready(function(){ 

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

工作DEMO

來源

2012-12-03 10:07:50

Popup - 滾動鼠標滾輪

回答

相關問題