html、css和/或javascript中的自定义滚动框

我最近把这个项目交给了我，其中包括为客户编写一个简单的静态站点。通常情况下，我不喜欢网站UI端，我更喜欢后端的东西。。无论如何

我附上了一张从我们雇佣的定制srollbox图形设计师那里得到的照片：

因为我对CSS不太了解，如果我的html中有可滚动的文本区域，如何实现这一点？有什么建议吗

---

谢谢

试试JQuery滚动条插件：

---

试试JQuery滚动条插件：

---

Pure CSS3解决方案：它甚至可以在iOS上运行。@Derek-感谢您的回复，因为本文是关于webkit中的自定义滚动条的。这意味着这对IE之类的东西不起作用，对吧？是的，它在IE或Firefox上不起作用。（Firefox说他们不希望网页干扰用户界面，所以他们拒绝了。）如果你正在寻找跨浏览器解决方案，那么你可能应该看看jQuery滚动条插件。它们易于使用且体积小。纯CSS3解决方案：它甚至可以在iOS上工作。@Derek-感谢您的回复，因为本文是关于webkit中的自定义滚动条的。这意味着这对IE之类的东西不起作用，对吧？是的，它在IE或Firefox上不起作用。（Firefox说他们不希望网页干扰用户界面，所以他们拒绝了。）如果你正在寻找跨浏览器解决方案，那么你可能应该看看jQuery滚动条插件。它们使用方便，体积小。