当滚动条出现时，全宽标题移位

Question

我有一个奇怪的问题 - 如果这是一个愚蠢的问题，我道歉。请注意代码太大而无法在snippit中重现，因此我发布了link here。

我正在构建的页面是一个带有全宽标题的小型Intranet页面。当用户点击提交按钮旁边的按钮时，顶部的div会打开并按下内容。我的问题是在我的代码编辑器中页面上没有滚动条，所以当div打开时，它会将整个页面略微向左弹出以补偿滚动条。

在codepen上，我已经粘贴了网站的shell，但由于其代码区域中包含滚动条，因此无法重复执行该问题。

有什么方法可以弥补代码中缺少滚动条的问题？也许强迫一个人在那里？

任何帮助都会很棒。

Answer 1

您可以通过将以下CSS规则添加到正文来强制使用垂直滚动条：

overflow-y: scroll;

Answer 2

编辑：我误解了你的问题。

让整个移动元素绝对定位并将其包裹在容器周围。滚动条将出现在包装容器上，而不是元素本身上。并且因为它将位于绝对位置，一旦滚动条出现，位置就不会有任何变化。