css - 替代 body {溢出:scroll;} That Will Prevent Page JoSTLing/Wriggling?

Question

我费了大约 30 分钟的时间试图弄清楚为什么我的网页在页面之间导航时移动了几个像素。我终于意识到这是因为在较长的页面上，右侧的滚动条弹出并移动了内容。

我找到了如下解决方案。

body{
    overflow: scroll;
}

这会强制每个页面都有一个滚动条，因此滚动条的出现/消失不会在您浏览网站时将页面元素来回移动几个像素。

有没有更好的方法来完成我想要的而不在右侧呈现无用的滚动条？我想你可以将没有很长内容的页面偏移几个像素来补偿，但似乎你必须跟踪哪些页面有一定长度，并根据长度切换它们的 CSS他们拥有的内容会非常烦人。

感谢任何建议:)

Answer 1

遗憾的是，我认为强制显示滚动条是避免页面移动的唯一方法...只需尝试“overflow-y”，因为您不需要水平滚动条