javascript - 页面滚动条的样式

Question

我正在为一个喜欢在页面上放置样式化滚动条(不是主滚动条在右边，但是对于页面上各种固定高度的 div，当内容溢出时)。

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

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

提前致谢。

Answer 1

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

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

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