当我使用固定位置滚动时无法使 div 跟随

Question

我的页面分为左右两部分。我已经使用 div 进行左导航和右导航。在右侧导航中，我也有多个 div。现在，当我向下滚动页面时，只有页面的右侧部分被滚动，左侧导航保持在那里。

所以当我向下滚动页面时，我希望所有内容都能滚动，包括左右 div。

这是我的 jsfiddle：https://jsfiddle.net/g2ahx6nq/

所以如果你向下滚动页面，它只会滚动右侧而不是左侧。当我们向下滚动时，我想向下滚动所有内容，包括左右滚动。

这是我的左栏 div 的 CSS，我也使用固定位置但仍然不起作用：

#leftBar 
{

  background-color: rgb(65, 64, 66);
  box-shadow: 2.996px 0.157px 7.65px 1.35px rgba(40, 40, 41, 0.25); 
  border-right: solid #EF7440;
  border-right-width: 4px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  position: fixed;
  width: 161px;
}

您现在可以忽略丢失的图像和对齐方式。截至目前，我正在尝试解决此向下滚动问题。

Answer 1

固定位置用于即使滚动也不会移动的项目。我建议使用绝对而不是固定。除了页面滚动时，绝对定位将保持在同一个位置。