在滚动时将div粘贴到顶部，向后滚动时将其解开

Question

正如标题所说，我想在滚动时将div粘贴到顶部，在向后滚动时将其解开。我知道这有一百万个答案，我已经尝试了我能找到的每一个例子，但似乎没有人为我工作。我也更喜欢Vanilla Js。

Html：

<div class="menubar" id="menubar"></div>

css：

#menubar {
 height: 150px;
 padding-left: 4px;
 top: 0;
 z-index: 99999999;
 background-repeat: repeat-x;
 background-position: top;
 background-color: #fff;
 border-bottom: 43px solid #2081c1;
 margin-left: -50%;
 width: 100%t;
 position: absolute;
 }