自定义滚动条
[英]Custom scrollbar
问题描述
我希望将自定义滚动条合并到我的网站中，因为有些div的设置高度会溢出。 我已经设法在CSS中使用Webkit样式获得了我想要的东西，但是我知道在Firefox或IE中查看网站时会出现问题。
结果，我试图将jScrollPane库合并到我的网站中，但是它导致了各种js“冲突”，这使整个网站陷入一片混乱！
有没有更简单的方法可自定义我的滚动条，从而使我具有跨浏览器的兼容性，而无需在网站上添加新的js页面？
或者-当浏览器为Firefox时，是否可以将某些东西附加到CSS！
谢谢JD
5 个解决方案
解决方案1
1 2017-05-10 08:36:43
快进到2017年，这些天有很多好的自定义滚动条脚本。 好的，我的意思是那些依赖于本机滚动机制并且也可以在移动设备上工作的工具。 我使用的是Perfect Scrollbar 。 可以在此博客文章中找到其他一些好的方法。
解决方案2
0 2012-09-27 21:15:53
我经历了以上所有建议，但对以下两个问题感到失望：
- 跨浏览器兼容性差
- 落后
- 很多冗余代码/依赖关系（jQuery UI）
因此，我使用了一些CSS技巧和JavaScript（取决于jQuery选择器）来构建自己的自定义滚动条实现。 该演示位于https://dev.anuary.com/680a3c94-9651-550f-abca-e853613eb9ce/ 。 源代码托管在https://github.com/anuary/jquery-custom-scrollbar上 。
我的方法依赖于本机浏览器滚动条。 但是，此实现不支持水平滚动条。
解决方案3
0 2013-10-29 19:25:06
刚发现这个，没有jQuery，如果有人感兴趣的话：
http://www.script-tutorials.com/custom-scrollbars-cross-browser-solution/
解决方案4
0 已采纳 2011-08-24 15:08:21
我对您的确切要求有些困惑，但是如果您正在寻找可以使用CSS进行自定义的某种滚动条，那么除了jQuery UI的Slider之外，别无所求 。
您必须添加一些事件处理程序来进行滚动，但是从整体上来说应该并不难。
解决方案5
0 2011-08-24 15:11:32
以下是一些您可以使用的自定义滚动条： http : //www.net-kit.com/jquery-custom-scrollbar-plugins/
这些解决方案之一应该起作用。 顺便说一句，我使用JScrollpane，它对我来说就像一个魅力
自定义滚动条
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.