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

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

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

1 个答案: