全宽标题随着滚动条的出现而移动

Full Width Header Shifts as Scroll Bar Appears

本文关键字:移动 滚动条 标题      更新时间:2023-09-26

我有一个奇怪的问题——如果这是一个愚蠢的问题,我道歉。请注意,代码太大,无法在一个片段中复制,所以我在这里发布链接。

我正在建设的页面是一个小的内部网页面与全宽度头。当用户单击提交按钮旁边的按钮时,顶部的div将打开并向下推送内容。我的问题是在我的代码编辑器没有滚动条在页面上,所以当div打开它弹出整个页面稍微在左边,以补偿滚动条。

在codependency上,我已经粘贴了站点的外壳,但是由于滚动条包含在其代码区域中,因此无法精确地再现问题。

是否有任何方法可以弥补我的代码中滚动条的缺乏?也许强迫一个人去?

您可以通过在body中添加以下CSS规则来强制使用垂直滚动条:

overflow-y: scroll;

我误解你的问题了。

使整个移动元素处于绝对位置,并将其环绕在容器周围。滚动条将出现在包装容器上,而不是元素本身。因为它的位置是绝对的所以滚动条出现后位置不会发生任何变化