页面滚动条的样式

Question

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

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

有没有人知道任何相对无错误的跨浏览器方法可以做到这一点。到目前为止，我看到的示例包括Skinned HTML Scrollbar、Ajaxian Webkit 和jScrollPane，但在我实现其中之一之前，我想听听过去实现此功能的任何人的意见。

提前致谢。

Answer 1

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

但是您还必须考虑如果他们想使用鼠标滚轮或中键滚动会发生什么。它们不是拦截器，但您也必须编写侦听器来更新滚动条位置。

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