首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
宝塔
V2EX  ›  问与答

PC 端浏览器的滚动条 为什么要设计成占据文档流这种表现形式呢?

  •  
  •   ynohoahc · 173 天前 · 608 次点击
    这是一个创建于 173 天前的主题,其中的信息可能已经有所发展或是发生改变。

    在做一个静态项目的时候, 发现页面出现了横向的滚动条, 仔细排查了一番, 发现是我把导航栏组件宽度设置成了 100vw 然后又因为该页有竖向的滚动条, 导致导航栏那部分区域真实宽度是 100vw + 15px 所以导致宽度超出

    解决了问题的同时不禁要吐槽,

    chrome 浏览器为什么要把 pc 端的浏览器的滚动条设计成实体占宽度的呢 这感觉上是有害无利的一个设计

    给开发人员带来完全不必要的负担, 为什么不把滚动条设计成定位的呢?

    5 回复  |  直到 2019-05-28 13:19:58 +08:00
        1
    noe132   173 天前 via Android
    历史问题。chromium 可以开启浮动滚动条,但是会遇到兼容性问题,预计短时间不会默认开启
        2
    azh7138m   173 天前 via Android
    会挡住字。
    我使用 sourcegraph,osx 默认滚动条不占空间,会挡住类型提示,我还是喜欢滚动条占空间,切一直显示。

    可以加一个 max width 100%来避免这个问题
        3
    azh7138m   173 天前   ♥ 1
    https://github.com/fibric :
    > The issue is overflow: auto assumes no scrollbar exists. Unfortunately, it's the default value.

    同时可见

    https://lists.w3.org/Archives/Public/www-style/2013Jan/0200.html
        4
    jasonyang9   173 天前
    话说我还是喜欢老版本 IE 的做法,就是滚动条永远都在那里,只不过在没有内容可滚动时显示为禁用的样式。。。呵呵呵
        5
    ynohoahc   173 天前
    @azh7138m 大佬优秀
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   893 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 20ms · UTC 18:50 · PVG 02:50 · LAX 10:50 · JFK 13:50
    ♥ Do have faith in what you're doing.