从 Chrome 78 开始 chrome://flags
中已经取消了 #overlay-scrollbars
的选项,已经无法开启 Overlay Scrollbars。
Chrome 传统的 Scrollbar 跟 Windows 资源浏览器的 Scrollbar 一样的,比较宽,而且占用页面宽度。在chrome://flags
开 #overlay-scrollbars
后,Scrollbar 样式会变得更小更现代,能自动隐藏,当鼠标移动到最右边时,Scrollbar 就会自动显示,不占用页面宽度,相当于悬浮在页面上。
不知大家有没有留意到使用传统 Scrollbar 会出现页面抖动的现象。
浏览器加载页面时,开始并不会出现 Scrollbar,当加载的内容大于显示面积时,Scrollbar 就会出现,并占用页面宽度,这时页面会跳动一下。更详细的描述,可以看这里 《小 tip:CSS vw 让 overflow:auto 页面滚动条出现时不跳动》
很多网站都没有在这个细节上优化,反正,我以前使用传统的 Scrollbar,经常都会留意到页面跳动,感观上很不舒服。
而 Chrome 的 Overlay Scrollbars 是悬浮在页面上,开启后任何页面都不会有跳动的现象,浏览页面的体验大大改善。
我不能理解 Chrome 产品经理是基于何种理由而取消 Overlay Scrollbars 这个优秀的设计
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.