自定義滾動條：在非webkit瀏覽器中沒有鼠標滾動。 （jScrollPane）

Question

我使用jScrollPane來創建自定義滾動條樣式。

查看我當前的代碼在這裏：http://cwhitaker.com/deck/deck.html

JScrollPane的工作在所有現代瀏覽器，但只有滾動的能力在WebKit瀏覽器工作（Safari瀏覽器Chrome的&）。儘管在jScrollPane demos中鼠標滾動功能在所有瀏覽器中都可以使用。

也許它與我的列使用絕對位置有關？

Answer 1

對我來說，滾動條不與工作響應鼠標在所引用的網頁上的任何瀏覽器上滾動。

我將整個HTML，CSS和JavaScript代碼從問題中提到的網頁複製到http://jsfiddle.net/ytQMs/。做以下修改後，我能得到滾動鼠標上所有的瀏覽器工作：

1. 鏈接到最新的鼠標滾輪分配http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js
2. 鏈接刪除了jQuery的角落插件，其最新的JScrollPane的分佈http://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min.js
3. 相關行$（'。deck-column-title'）。corner（「5px top」）;

我建議在代碼中進行這些更改並嘗試。

Answer 2

你是指使用mouseweel滾動？因爲我可以通過拖動&下拉在Firefox中滾動。我想你需要另一個插件來在所有瀏覽器中啓用鼠標滾輪支持。

如果鼠標滾輪插件包含在頁上，然後滾動 窗格將鼠標滾輪事件以及

http://archive.plugins.jquery.com/project/mousewheel