我正在寻找一个解决方案来将一个元素附加到滚动容器的顶部

HTML：

<div class="container">
  <div class="header">title</div>
  <div class="element">......</div>
  ... (about 10-20 elements) ...
  <div class="element">......</div> 
</div>

所有“元素”都有位置：相对，

容器具有以下CSS：

.container {
  position:relative;
  width:200px;
  height:400px;
  overflow-y:scroll;
}

我想让标题留在容器的顶部，独立于其滚动位置和滚动下方的元素。

到目前为止CSS

.header {
  position:absolute; /* scrolling out of view :-( */
  z-index:2;
  background-color:#fff;
}
.element{
  position: relative;
}

所有元素都是块元素，我不能将标题移动到容器外部。
jquery在这一点上是没有选择的。