自定义滚动条

Question

我正在使用adobe air制作应用程序，并且我有一个使用 overflow-y 的 div。 为了让 UI 看起来漂亮和性感，用我自己的创建替换丑陋的默认滚动条[链接断开] 的最佳方法是什么？

谢谢

编辑：每个人都记得这是在adobe air上，而不是在浏览器上（我知道最好不要弄乱滚动条，那就是 web -4.2）

Answer 1

不。

用户知道如何使用默认的平台 UI 小部件：他们知道它们的外观、行为方式等。而且平台的小部件工作得非常好。

他们不会知道如何使用您的小部件。 即使您尝试复制除外观之外的平台，您的小部件也会表现得像廉价的仿冒品； 它将缺少用户期望的功能：

• 您的滚动拇指是否会放大/缩小以显示文档的长度，并以最小尺寸使其始终可以抓取——但仅限于预期的平台上？
• 是否中键单击滚动到 position 单击，仅左键单击向下滚动，右键单击仅向上滚动，并且每个都与单击滚动条的位置成比例 - 在预期的平台上？
• 单击拇指和向上或向下箭头之间的空白区域是否有效？ 它是否按用户期望的数量滚动，这因平台而异？
• 按住滚动按钮时，是否以用户期望的速度滚动 go？
• 当鼠标移出滚动条时，用户如何拖动拇指？ 或在上述平台上单击鼠标中键。
• 您的自定义滚动条是否遵循用户选择的视觉主题，例如，因为他因残疾需要超高对比度和/或超大小部件？

大多数问题的答案可能是“不”。 至少，这是我对 web 网站的体验，设计师认为平台滚动条不够可爱。

Answer 2

像对待任何其他 flex 组件一样给它们蒙皮。 为了使您的代码保持干净整洁，您可以通过 css 文件中的样式指定嵌入皮肤文件。

编辑：关于如何给滚动条换肤的链接