Chrome 新版取消了 Overlay Scrollbars,绝对是功能上的倒退 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Get Google Chrome
Vimium 在 Chrome 里使用 vim 快捷键
moxuanyuan

Chrome 新版取消了 Overlay Scrollbars,绝对是功能上的倒退

  •  
  •   moxuanyuan 2019 年 10 月 24 日 9404 次点击
    这是一个创建于 2374 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前言

    从 Chrome 78 开始 chrome://flags 中已经取消了 #overlay-scrollbars 的选项,已经无法开启 Overlay Scrollbars。

    什么是 Overla 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 这个优秀的设计

    20 条回复    2021-07-08 12:06:45 +08:00
    moxuanyuan
        1
    moxuanyuan  
    OP
       2019 年 10 月 24 日
    有第三方的插件能更善传统 Scrollbars 的样式,但依然无法解决页面跳动的现象 https://chrome.google.com/webstore/search/Scrollbar
    Dreamll
        3
    Dreamll  
       2019 年 10 月 24 日 via Android
    已退回 77 最后一个版本,可用 greenchrome 和 overlay scrollbars
    duanran
        4
    duanran  
       2019 年 10 月 24 日
    你们真的注意的好细致。。。。
    phoenixlzx
        5
    phoenixlzx  
       2019 年 10 月 24 日
    Chrome 真的是各种在作死....已经换主力 Firefox,Quantum 的设计真好看。

    除了 js 性能堪忧。

    Firefox 换 v8 吧秋梨膏。
    JaminT
        6
    JaminT  
       2019 年 10 月 24 日
    为什么我的 78 没有推送到其他设备的选项了
    moxuanyuan
        7
    moxuanyuan  
    OP
       2019 年 10 月 24 日
    @Dreamll 使用 win 8 兼容模式,是可以用 greenchrome
    noe132
        8
    noe132  
       2019 年 10 月 24 日
    这就是个实验性功能。。开发了大半年估计还有很多 bug,被砍掉也还算正常
    https://www.zhihu.com/question/64630817/answer/223528093
    mondeo
        9
    mondeo  
       2019 年 10 月 24 日 via Android
    估计是把这个特性推到 css 去实现了吧
    Rysle
        10
    Rysle  
       2019 年 10 月 24 日   1
    @cuixiao603 #6
    78 没有默认开启这个功能,需要手动改 flag

    chrome://flags
    Send tab to self
    Send tab to self show sending UI
    adjusted
        11
    adjusted  
       2019 年 10 月 24 日
    electron 开发打开之后很舒服
    silentstorm
        12
    silentstorm  
       2019 年 10 月 25 日 via Android
    很讨厌这个功能,经常点不出滚动条
    moxuanyuan
        13
    moxuanyuan  
    OP
       2019 年 10 月 25 日
    @silentstorm 我很少点滚动条,都是用鼠标滚轮,但这功能真的能解决页面跳动的问题,开启后很会用
    ZKZK
        14
    ZKZK  
       2019 年 10 月 26 日
    360 极速浏览器 可以啊
    pilipili
        15
    pilipili  
       2019 年 11 月 3 日
    我的版本是版本 79.0.3945.16 (正式版本) beta ( 64 位)
    我今天才发现 Overlay Scrollbars 不见了
    Chrome 真的是在作死的路上越走越远!
    chaopeng
        16
    chaopeng  
       2019 年 11 月 6 日
    这个 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
    xzc19970719
        17
    xzc19970719  
       2019 年 11 月 24 日
    @chaopeng 这么好的 flag ??咋就到了 expire list 里?
    wyfyw
        18
    wyfyw  
       2020 年 10 月 4 日
    @chaopeng 谢谢开发人员指点。85.0.4183.121 windows 64bit Chrome 加上运行参数果然就可以了。

    第二个参数是做什么的呢?
    ijse
        19
    ijse  
       2021 年 1 月 11 日
    抖动问题可以用 overflow-y: overlay; 来解决
    kkocdko
        20
    kkocdko  
       2021 年 7 月 8 日   1
    时隔 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) :)”
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     896 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 66ms UTC 19:51 PVG 03:51 LAX 12:51 JFK 15:51
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86