自定义滚动条:非 webkit 浏览器中没有鼠标滚动。 (jScrollPane)

发布于 2024-12-27 13:49:39 字数 430 浏览 1 评论 0原文

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

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

jScrollPane适用于所有现代浏览器,但滚动功能仅适用于 Webkit 浏览器(Safari 和 Chrome)。尽管在 jScrollPane 演示 中,鼠标滚动在所有浏览器中都能正常运行。

也许这与我使用绝对位置的列有关?

I'm using jScrollPane to create a custom scroll bar style.

View my current code here: http://cwhitaker.com/deck/deck.html

The jScrollPane works in all modern browsers, but the ability to scroll only works in Webkit browsers (Safari & Chrome). Although in the jScrollPane demos the mouse scroll is fully functional in all browsers.

Maybe it has something to do with my columns using absolute position?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

浮生面具三千个 2025-01-03 13:49:39

对我来说,滚动条在所引用网页上的任何浏览器上都无法与鼠标滚动一起使用。

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

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

For me, the scroll bars were not working with mouse scroll on any browser on the referred webpage.

I copied the entire HTML, CSS and JavaScript code from the webpage referred to in the question to http://jsfiddle.net/ytQMs/. After making the following changes I was able to get mouse scroll working on all browsers:

  1. Link to the latest mouseWheel distribution http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js
  2. Link to the latest jScrollPane distribution http://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min.js
  3. Removed the jQuery corner plugin and its associated line $('.deck-column-title').corner("5px top");

I suggest making these changes in your code and trying out.

ヅ她的身影、若隐若现 2025-01-03 13:49:39

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

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

http://archive.plugins.jquery.com/project/鼠标滚轮

You mean scroll using mouseweel? Because I can scroll in firefox using drag&drop. I think you need another plugin to enable mousewheel support in all browsers.

If the mouse wheel plugin is included in the page then the scroll
panes will respond to mouse wheel events as well

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文