如何使集合标题保持在顶部并且集合项可滚动？

Question

我在SPA中的一个布局中有导航栏，过滤器和集合 - 完全遵循该顺序。滚动时，导航栏，过滤器和集合标题必须保持在顶部，只有集合项必须可滚动。我设法使整个集合可滚动，但它不是我想要的。

<div class="navbar-fixed">
  <nav>...</nav>
</div>
<div class="row">...this is filter...</div>
<div id="collection-wrapper">
  <ul class="collection">
    <li class="collection-item"></li> <!-- serves as header --> 
    <li class="collection-item"></li> <!-- shows data -->
  </ul>
</div>

在＃collection-wrapper上使用完美滚动条：https://github.com/noraesae/perfect-scrollbar

Answer 1

如果将max-height列表的collection设置为允许列表滚动的特定值。将第一个position的{​​{1}}设置为collection-item会阻止该项目与列表的其余部分一起滚动。

fixed