前言
从 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
Select Language