javascript - 页面滚动条的样式

Question

我正在按照设计师的规范工作，该设计师喜欢在页面上放置样式滚动条（不是右侧的主滚动条，而是页面上的各种固定高度 div，当内容溢出时）。

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

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

提前致谢。

Answer 1

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

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

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