html - 使滚动条不占用空间/防止布局偏移

Question

我正在用 html 制作一个应用程序，并且需要有一个滚动条。但是每当我添加一个时，它都会转移所有内容以腾出滚动条所需的必要空间。这搞砸了应用程序的布局。

所以我需要一种方法让滚动条简单地覆盖在页面顶部，这意味着页面仍然在它后面。我已经知道如何设置滚动条的样式以使背面透明，我只需要滚动条不占用任何空间即可。

提前致谢!

Answer 1

更新 - overlay 仅适用于 webkit，现已弃用。

---

您可以使用 overflow overlay 属性而不是 scroll:

html {
    overflow-y: overlay;
}