0

我正在使用jScrollPane创建自定义滚动条样式。

在此处查看我当前的代码：http: //cwhitaker.com/deck/deck.html

jScrollPane 适用于所有现代浏览器，但滚动功能仅适用于 Webkit 浏览器（Safari 和 Chrome）。尽管在jScrollPane 演示中，鼠标滚动在所有浏览器中都是完全可用的。

也许它与我使用绝对位置的列有关？

4

2 回答 2

2

对我来说，滚动条不适用于所引用网页上任何浏览器上的鼠标滚动。

我将问题中提到的网页中的整个 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");

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

于 2012-01-17T08:07:16.563 回答
0

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

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

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

于 2012-01-16T21:03:11.367 回答