自定义我网站上的滚动条
我最近看到了 Gmail 的新外观，当您有大量电子邮件时，我喜欢滚动条。我如何在我的网站中复制此内容？
另外，我如何从头开始，还有另一个子问题：我可以为滚动条的背景放置一个图像，例如 PNG 背景。
我怎样才能以任何方式复制这个：jquery，css等？
另外，如何使滚动条更粗，并占用更多或更少的空间。
谢谢
编辑：如果为最终用户提供了一堆不同的选项/主题，是否也可以允许最终用户通过简单的表单更改大小、背景颜色等？
I recently saw the new gmail look, and am liking the scroll bar when you have lots of emails. How can I replicate this in my site?
Also, how can I start from scratch, and another sub-question: can I put an image for the background of the scroll bar, e.g a PNG Background.
How can I replicate this, in any way: jquery, css etc?
Also, how can I make the scroll bar be fatter, and occupy more, or less space.
Thanks
EDIT: Is it also possible to allow the end user to change the size, baground color etc through a simple form, if they are provided a bunch of different options / themes?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
在某处找到类似的自定义滚动条，获取代码副本，实施并享受。
像这样。
我可以为滚动条的背景放置一个图像，例如 PNG 背景吗？
是的。这是CSS+JS。
如何以任何方式复制此内容：jquery、css 等？
请参阅链接。
另外，如何让滚动条变粗，占用更多或更少的空间。
通过改变CSS。
如果为最终用户提供了一堆不同的选项/主题，是否也可以允许最终用户通过简单的表单更改大小、背景颜色等？
是的。
Find a similar custom scrollbar somewhere, grab a copy of the code, implements and enjoy.
Like this.
can I put an image for the background of the scroll bar, e.g a PNG Background?
Yes. It's CSS+JS.
How can I replicate this, in any way: jquery, css etc?
See link.
Also, how can I make the scroll bar be fatter, and occupy more, or less space.
By changing the CSS.
Is it also possible to allow the end user to change the size, baground color etc through a simple form, if they are provided a bunch of different options / themes?
Yes.
了解他们如何做到这一点的最简单方法是使用 firebug 来查看他们使用哪种 css 声明。
我可以看到滚动条的外观是通过
-webkit-scrollbar实现的：http://www.css3.info/styling-scrollbars-the-webkit-way/
The simplest way to see how they do that is to use firebug to see what kind of css declaration they use.
with that i can see that the scrollbar look is achieved by
-webkit-scrollbar:http://www.css3.info/styling-scrollbars-the-webkit-way/