当我滚动时，如何在div中移动div？

Question

我的第一个想法是放position: fixed，但是当我这样做时，内部div就消失了。它也没有隐藏在其他任何东西之后，因为我试图改变距离顶部的距离。

这是我的代码：

#menu {
  background-color: green;
  width: 200px;
  min-height: 600px;
  flex: 0 0 auto;
  order: 1;
}
    
#menu #buttons {
  background-color: black;
  width: auto;
  height: 300px;
  margin: 15px;
  position: relative;
}

<div id="menu">
  <div id="buttons"></div>
</div>

现在，更大的div是flexbox中的一个元素，它也是一个div。我希望这不是问题的根源，但如果没有其他方法来解决它，我会改变这种设置。提前谢谢。