自定义滚动条：在非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