javascript - 当我使用固定位置滚动时无法使 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

固定位置用于即使滚动也不会移动的元素。我建议使用绝对而不是固定。绝对定位会将其保持在同一位置，除非滚动页面。