垂直滚动条绝对位置

Question

有没有办法让跨浏览器的垂直滚动条具有绝对位置？

我的问题是，滚动条出现时会改变我网站的宽度，从而在布局中给出一些问题。

我不想删除它，我只是想让它的宽度不干扰我的布局..

谢谢！

Answer 1

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

html{
    overflow-y: overlay;
}

它只会在必要时添加滚动条，并将其放在您的内容上方，这意味着它不会扰乱您的布局。 但请谨慎使用，它是专有的且未记录。

Answer 2

由于没有人提到它，如果您想在可用时使用

overlay

（例如 Chrome 和 Safari），并在不可用时回退到 scroll

，您可以使用以下内容。

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

Answer 3

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

html{
    overflow-y: scroll;
}

Answer 4

始终显示它，以免扰乱您的布局。这就是谷歌所做的;)

Answer 5

正如

@Jan所说，overflow: overlay;

已被废弃。

我的问题是滚动条改变了我网站的宽度 通过在我的布局中给出一些问题来出现。

所以，我认为我们可以

滚动条装订线。 （也许我们必须更改边距或填充）

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

Answer 6

您应该使用以下样式。

scrollbar-gutter: stable;
overflow: auto;