Css 正文{overflow:scroll；}的替代方法是防止页面碰撞/扭曲？

我花了大约30分钟的时间试图弄明白为什么我的网页在页面之间导航时会移动几个像素。我终于意识到，这是因为在较长的页面上，右滚动条突然出现，并将内容移动过来

我找到了一个如下的解决方案

body{
    overflow: scroll;
}

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

有没有更好的方法来实现我想要的，而不必在右侧渲染无用的滚动条？我想你可以将没有很长内容的页面偏移几个像素来补偿，但是接下来你似乎必须跟踪哪些页面有一定的长度，并根据它们有多少内容来切换CSS，这将非常恼人

---

谢谢你的建议：）

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

谢谢，这确实有助于摆脱水平条！