这是一个创建于 2041 天前的主题，其中的信息可能已经有所发展或是发生改变。
在做一个静态项目的时候, 发现页面出现了横向的滚动条, 仔细排查了一番, 发现是我把导航栏组件宽度设置成了 100vw 然后又因为该页有竖向的滚动条, 导致导航栏那部分区域真实宽度是 100vw + 15px 所以导致宽度超出
解决了问题的同时不禁要吐槽,
chrome 浏览器为什么要把 pc 端的浏览器的滚动条设计成实体占宽度的呢 这感觉上是有害无利的一个设计
给开发人员带来完全不必要的负担, 为什么不把滚动条设计成定位的呢?
 |
1
noe132 2019-05-28 12:48:50 +08:00 via Android
历史问题。chromium 可以开启浮动滚动条，但是会遇到兼容性问题，预计短时间不会默认开启
|
 |
2
azh7138m 2019-05-28 13:02:57 +08:00 via Android
会挡住字。
我使用 sourcegraph，osx 默认滚动条不占空间，会挡住类型提示，我还是喜欢滚动条占空间，切一直显示。 可以加一个 max width 100%来避免这个问题 |
|
3
azh7138m 2019-05-28 13:09:25 +08:00  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 2019-05-28 13:14:30 +08:00
话说我还是喜欢老版本 IE 的做法，就是滚动条永远都在那里，只不过在没有内容可滚动时显示为禁用的样式。。。呵呵呵
|
Select Language