当溢出元素从下面通过时，Sticky Navbar摇晃和邋??

Question

我确定这是一个简单的问题，但我遇到了问题。

所以粘性的页首和页脚做了他们应该做的事情，但是当元素从页眉或页脚下方传递时发生的跳跃和摇晃的数量绝对是疯狂的，它看起来像完全废话，所以绝对是我在这里做错了。浏览器并不重要，都是一样的。我在这里缺少什么？

<div id="inner-media-user">
     <div class="top-nav-header">Hello</div>
     <div id="ajax_payload">Elements</div>
     <div class="bot-nav-footer">Goodbye</div>
</div>

#inner-media-user {
  height:400px;
  overflow-x:scroll;
  z-index:100;
}
.top-nav-header {
  position:sticky;
  top:0;
}
.bot-nav-footer { 
  position:sticky;
  bottom:0;
  z-index:100;
}
#ajax_payload {
  padding:5px;
  z-index:10;
}