如何摆脱滚动条弹出页面位置？

Question

我有一个带有标签的页面，可以显示各种高度内容，其中一些需要滚动条而另一些则不需要。在这些内容之间进行切换的视觉效果有点令人讨厌，但是当窗口滚动条弹出时，它会将整个页面向左移动一点点。

我尝试/考虑的事情：

1. 总是看到滚动条 - 它可以工作，但我不喜欢它。
2. 将身体宽度设置为98％ - 显然这仍然是98％的窗口调整大小，所以仍然弹出。将其设置为像素值有效，但人们有不同大小的屏幕。
3. 使用脚本补偿窗口宽度损失 - 这是一个相当简单的脚本，但很有趣，由滚动条出现触发的窗口调整大小不会触发窗口的resize事件，我还没有找到任何其他合适的事件来附加它

是否有人知道保持页面容器的良好技术？

Answer 1

我想你可以在DirectRoutingTopology中添加一个margin/padding的类，然后用jQuery删除它。这样做的缺点是不同的浏览器具有不同的滚动条宽度，例如mac上的safari甚至没有可见的滚动条。所以推荐只是让滚动条始终可见。

Answer 2

正确的答案是

html { width: 100vw; }