垂直滚动条位置绝对

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;
}