仅在Safari和Chrome中（即Webkit），您还可以用途：

html{
    overflow-y: overlay;
}

它只会在必要的时候添加一个滚动条，并将其放置在您的内容上方，这意味着它不会干扰您的布局。但要小心使用，它是专有的和未记录的。

由于没有人提到它，如果你想在overlay可用时使用它 （例如，Chrome和Safari），而在它不可用时回退到scroll，你可以使用以下方法。

html {
  overflow-y: scroll;
  overflow-y: overlay;
}

要阻止滚动条出现时布局移动，您可以使用下面的css使滚动条始终可见。

html{
    overflow-y: scroll;
}

总是显示它，以免干扰您的布局。这就是Google所做;）

正如@Jan所说，overflow: overlay;已经过时了。
我的问题是，滚动条改变了我的网站的宽度时，出现了给我的布局中的一些问题。
所以，我认为我们可以scrollbar-gutter。（也许我们必须改变边距或填充）

scrollbar-gutter: stable;
/* or /
scrollbar-gutter: stable both-edges;