V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Get Google Chrome
Vimium · 在 Chrome 里使用 vim 快捷键
moxuanyuan
V2EX  ›  Chrome

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

  •  
  •   moxuanyuan · 2019-10-24 15:42:39 +08:00 · 8534 次点击
    这是一个创建于 1618 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前言

    从 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 这个优秀的设计

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

    除了 js 性能堪忧。

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

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

    第二个参数是做什么的呢?
    ijse
        19
    ijse  
       2021-01-11 19:13:48 +08:00
    抖动问题可以用 overflow-y: overlay; 来解决
    kkocdko
        20
    kkocdko  
       2021-07-08 12:06:45 +08:00   ❤️ 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   ·   我们的愿景   ·   实用小工具   ·   5370 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 08:03 · PVG 16:03 · LAX 01:03 · JFK 04:03
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.