Javascript 页面上滚动条的样式

我在一个网站上工作，符合一位设计师的规范，他喜欢在页面上放置样式的滚动条（不是右侧的主滚动条，而是页面上各种固定高度的div，当内容溢出时）

我不是在问这种做法是否“正确”，我知道从用户体验的角度来看，这是一个普遍接受的坏主意，但这不会改变客户现在希望在他们的网站上看到的内容

有没有人知道有什么相对没有bug的跨浏览器方法可以做到这一点。到目前为止，我看到的示例包括和，但在我实现其中一个之前，我希望听取过去实现此功能的任何人的意见

---

提前感谢。

我以前使用过jQuery，当时一位客户和他们的设计师坚持要定制滚动条。在框的侧面粘贴一个div并使其可在限制之间拖动（并解释位置以设置滚动偏移）非常容易

<>但是你也必须考虑如果他们想用鼠标滚轮滚动或者中间点击会发生什么。它们不是拦截器，但您也必须编写侦听器来更新滚动条的位置

---

你是否应该这样做是一个完全不同的问题。当然，您不应该仅仅依赖于自定义JS。让JS禁用滚动条并使用JS绘制所有控件。如果您不这样做，JS被禁用/阻止的用户将无法使用您的站点。

第二点注意，Skinned HTML滚动条和jScrollPane不允许鼠标中键滚动。至少在Linux+Firefox上不允许。在IE8/Win7上，带皮肤的HTML滚动条允许鼠标中键滚动，而jScrollPane不允许。jScrollPane现在允许鼠标滚轮滚动。