在固定元素上滚动时滚动正文，反之亦然

Question

所以我有这个div：

.sidebar{
  position: fixed;
  background: #222;
  height: 100%;
  width: 280px;
  overflow-y: auto;
}

然后我有页面内容：

.content{
  width: calc(100% - 280px);
  background: #fff;
  margin-left: 280px;
}

.content内的内容因每个页面而异，因此有时页面较大，有时不是。但是有一个问题，如果侧边栏不适合视口，它就会显示一个滚动条。我想实现三件事：

• 删除滚动条（即使其不可见）。
• 当您在.content上滚动时，您也会滚动 .sidebar。
• 当您在.sidebar上滚动时，您也会滚动 .content。

怎么能实现这个目标？甚至使用jQuery，有没有办法制作这个？ 提前谢谢！

Answer 1

将两者放入容器DIV中，同时为它们overflow-y: visible提供容器overflow-y: auto。然后，当容器中的任何两个元素高于容器时，容器将滚动。

啊 - 并从侧边栏中删除position: fixed ...