尝试应用自定义滚动条答案

【问题标题】：Trying to apply a custom scroll bar尝试应用自定义滚动条
【发布时间】：2013-08-26 12:23:20
【问题描述】：

我正在尝试在我的网站中应用类似类型的自定义滚动条，但我似乎遇到了一些问题。

只想知道这种自定义滚动条是复杂还是容易实现。这是完成我的设计的最后一个障碍。对于实施此设计有什么建议或想法？

【问题讨论】：

我正在使用NiceScroll 插件，它真的很棒。 - 这里有some demos
查看这篇文章 :) 我仍然收藏它。 stackoverflow.com/questions/9251354/…

标签： javascript jquery html css interface

【解决方案1】：

有很多可用的 jQuery UI 插件，你可以很容易地做到这一点。检查here并选择一个。

【讨论】：

【解决方案2】：

你可以试试-webkit-滚动条。检查这个fiddle。这里是代码。

::-webkit-scrollbar {
width: 8px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: rgba(139,233,38,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

【讨论】：

世界不是只有 1 个浏览器！
您的解决方案适用于页面中的所有滚动，我假设他只想要那个特定的div，

【解决方案3】：

很容易实现你can google for custom scrollbars or you can usetinyscrollbar或this

【讨论】：

【解决方案4】：

有很多 javascript 滚动条脚本。您可以试试这个：http://www.dyn-web.com/code/scroll/ -> 看起来您可以使用这个轻松复制屏幕截图中的滚动条。

【讨论】：