This topic created in 2376 days ago, the information mentioned may be changed or developed.
前言
从 Chrome 78 开始chrome://flags 中已经取消了 #overlay-scrollbars 的选项，已经无法开启 Overlay Scrollbars。
什么是 Overlay Scrollbars
Chrome 传统的 Scrollbar 跟 Windows 资源浏览器的 Scrollbar 一样的，比较宽，而且占用页面宽度。在chrome://flags开 #overlay-scrollbars 后，Scrollbar 样式会变得更小更现代，能自动隐藏，当鼠标移动到最右边时，Scrollbar 就会自动显示，不占用页面宽度，相当于悬浮在页面上。
使用 Overlay Scrollbars 能解决页面跳动的现象
不知大家有没有留意到使用传统 Scrollbar 会出现页面抖动的现象。
浏览器加载页面时，开始并不会出现 Scrollbar，当加载的内容大于显示面积时，Scrollbar 就会出现，并占用页面宽度，这时页面会跳动一下。更详细的描述，可以看这里 《小 tip:CSS vw 让 overflow:auto 页面滚动条出现时不跳动》
很多网站都没有在这个细节上优化，反正，我以前使用传统的 Scrollbar，经常都会留意到页面跳动，感观上很不舒服。
而 Chrome 的 Overlay Scrollbars 是悬浮在页面上，开启后任何页面都不会有跳动的现象，浏览页面的体验大大改善。
最后
我不能理解 Chrome 产品经理是基于何种理由而取消 Overlay Scrollbars 这个优秀的设计
 | 1 moxuanyuan OP 有第三方的插件能更善传统 Scrollbars 的样式，但依然无法解决页面跳动的现象 https://chrome.google.com/webstore/search/Scrollbar |
| 2 moxuanyuan OP |
 | 3 Dreamll Oct 24, 2019 via Android 已退回 77 最后一个版本，可用 greenchrome 和 overlay scrollbars |
 | 4 duanran Oct 24, 2019 你们真的注意的好细致。。。。 |
 | 5 phoenixlzx Oct 24, 2019 Chrome 真的是各种在作死....已经换主力 Firefox，Quantum 的设计真好看。 除了 js 性能堪忧。 Firefox 换 v8 吧秋梨膏。 |
 | 6 JaminT Oct 24, 2019 |
| 7 moxuanyuan OP @Dreamll 使用 win 8 兼容模式，是可以用 greenchrome |
 | 8 noe132 Oct 24, 2019 这就是个实验性功能。。开发了大半年估计还有很多 bug，被砍掉也还算正常 https://www.zhihu.com/question/64630817/answer/223528093 |
 | 9 mondeo Oct 24, 2019 via Android 估计是把这个特性推到 css 去实现了吧 |
 | 10 Rysle Oct 24, 2019  1 @cuixiao603 #6 78 没有默认开启这个功能，需要手动改 flag chrome://flags Send tab to self Send tab to self show sending UI |
 | 11 adjusted Oct 24, 2019 electron 开发打开之后很舒服 |
 | 12 silentstorm Oct 25, 2019 via Android 很讨厌这个功能，经常点不出滚动条 |
| 13 moxuanyuan OP @silentstorm 我很少点滚动条，都是用鼠标滚轮，但这功能真的能解决页面跳动的问题，开启后很会用 |
 | 14 ZKZK Oct 26, 2019 360 极速浏览器 可以啊 |
 | 15 pilipili Nov 3, 2019 我的版本是版本 79.0.3945.16 （正式版本） beta （ 64 位） 我今天才发现 Overlay Scrollbars 不见了 Chrome 真的是在作死的路上越走越远！ |
 | 16 chaopeng Nov 6, 2019 这个 overlay scrollbar 从某个时间开始就改成了 CrOS 独享的。为了和 CrOS 的 Android App 保持相近的 scrollbar 体验。功能并没有被删除而是早在 CrOS 默认开启了。 最近在 chrome://flag 里，有人把这个 flag 丢刀了 expire list，所以就不在 flag 显示了 - https://cs.chromium.org/chromium/src/chrome/browser/about_flags.cc?rcl=746236c49437431eec40e80ebcb326e73a922efd&l=1533 - https://cs.chromium.org/chromium/src/chrome/browser/flag-metadata.json?rcl=746236c49437431eec40e80ebcb326e73a922efd&l=2883 - https://cs.chromium.org/chromium/src/ui/native_theme/native_theme_features.cc?rcl=938dc44b1e5dcc224fde33214ed21effc595272e&l=9 现在如果还想开启的话，可以在快捷方式那里加 chrome 的运行参数： --enable-features=OverlayScrollbar --enable-prefer-compositing-to-lcd-text |
 | 17 xzc19970719 Nov 24, 2019 @chaopeng 这么好的 flag ？？咋就到了 expire list 里？ |
 | 18 wyfyw Oct 4, 2020 |
 | 19 ijse Jan 11, 2021 抖动问题可以用 overflow-y: overlay; 来解决 |
 | 20 kkocdko Jul 8, 2021 时隔 1 年半，这个 Flag 恢复了： “We have added back chrome://flags#overlay-scrollbars in M91, which is for people don't like overlay scrollbars on ChromeOS (bug 801671) :)” |
Select Language