自定义滚动条：非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. 链接到最新的mouseWheel发行版http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js
2. 链接到最新的jScrollPane发行版http://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min.js
3. 删除了jQuery角落插件及其关联行$（'。deck-column-title'）。corner（“5px top”）;

我建议您在代码中进行这些更改并尝试。

Answer 2

你的意思是使用鼠标滚动？因为我可以使用拖放功能在Firefox中滚动。我认为您需要另一个插件才能在所有浏览器中启用鼠标滚轮支持。

  

如果页面中包含鼠标滚轮插件，则滚动   窗格也将响应鼠标滚轮事件

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