粘性位置元素不粘在父项上

Question

这是我的HTML：

<div class="container">
  <div class="row wrapper">
    <div class="col-md-8"></div>

    {{!-- Sticky Menu --}}
    <div class="col-md-4">
      <div id="sidebar" class="container sidebar">
      </div>
    </div>

  </div>
</div>

这是我的CSS：

.wrapper {
  display: flex;
}

.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

它不起作用。似乎是什么问题？ 预先谢谢你！