Google Chrome和Microsoft Edge滚动条将迎来Fluent Design风格

微软认为，目前默认的Chromium滚动条仍然使用传统的Win32滚动条，而Windows操作系统已经接受了WinUI和本地Fluent Design控件，接下来公司提议默认的滚动条应更新为Fluent设计，并像覆盖式滚动条一样总是具有更薄，有内嵌和圆角边缘。

亮点如下：

微软将在Windows 11/10上用Fluent Design更新Chromium滚动条

用户仍然可以通过"总是显示滚动条"的Windows操作系统设置来选择"非覆盖式滚动条"。

微软将重新设计非覆盖式滚动条，以配合Windows主题。

该公司认为Fluent滚动条也可以在Linux上使用。

这一变化预计会影响到页面布局。

流畅滚动条的视觉规格：

根据微软设计的规范，滚动条有三种模式。最小、完整和隐藏。

最小模式只反应滚动条的位置，最为简约。

而Chromium默认的滚动条可能会占用布局空间17px。新的工具条在最小模式下不会占用任何布局空间。

完全模式，这发生在指针直接在滚动条区域上的时候。

隐藏模式，这是当指针移动到非根ScrollNodes边界之外时，滚动条完全淡出。

macOS上已经存在覆盖式滚动条，该操作系统有"总是显示滚动条"模式，Windows有一个设置来控制滚动条的可见性。

Windows 11/10用户需要访问设置>辅助功能>视觉效果，切换"总是显示滚动条"来启用或禁用它们。该公司计划让新的滚动条遵循上述设置。

流畅滚动条功能被描述为旨在"使Chromium滚动条（包括覆盖和非覆盖）现代化，以适应Windows 11流畅的设计语言。这包括对视觉外观的更新，以及用户如何与覆盖式滚动条互动的一些变化"。

微软已经为新的Microsoft Edge的Chromium项目做出了很多贡献，这肯定会是一个有用的补充。