页面滚动条的样式

时间:2009-06-12 14:53:37

标签: javascript user-interface scrollbar

我正在网站上制作一个设计师的规格,他喜欢在页面上放置样式滚动条不是右侧的主滚动条,但是对于页面上的各种固定高度div,当内容溢出时。)

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

有没有人知道任何相对无错误的跨浏览器方法。我到目前为止看到的示例包括Skinned HTML ScrollbarAjaxian WebkitjScrollPane,但我想听听过去实现其中之一之前已经实现此功能的任何人。

提前致谢。

1 个答案:

答案 0 :(得分:4)

我曾经使用过jQuery,当时客户端和他们的设计师坚持使用自定义滚动条。将div放在盒子的侧面并使其在限制之间可拖动(并解释位置以设置滚动偏移量)非常容易。

但是你还必须考虑如果他们想要使用鼠标滚轮滚动或中间点击会发生什么。它们不是阻止者,但你必须编写听众来更新滚动条位置。

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