蹦的一下，又来一个新属性scrollbar-gutter

scrollbar-gutter

这是一个 scrollbar家族的属性， scrollbar-gutter 可以让滚动条出现的时候内容不晃动。

语法

scrollbar-gutter: auto | stable && both-edges：

1. scrollbar-gutter auto；
2. scrollbar-gutter stable；
3. scrollbar-gutter both-edges；

属性说明

auto：就是默认表现。没有滚动条的时候，内容尽可能占据宽度，有了滚动条，可用宽度减小。
stable：如果 overflow 属性计算值不是 visible，则提前预留好空白区域，这样滚动条出现的时候，整个结构和布局都是稳定的。
both-edges：让容器左右两侧同时预留好空白区域，目的是让局部绝对居中对称。

与overflow属性有点类型，但是这个属性能解决overflow出现滚动条抖动的问题；体验效果更佳

拓展

scrollbar-color 和 scrollbar-width、-webkit-scrollbar等