如何仅在顶栏粘贴到顶部时显示元素?- Zurb基金会

Question

我有一个顶部栏菜单，但是当页面加载时，它在页面中间的某个地方。当我向上滚动时，我将它设置为sticky，这样当我滚动页面时，它就会固定在顶部。我的问题是，我如何使它，使一些元素在顶栏内只出现时，它已经粘到顶部?当它没有粘贴到顶部时，我想隐藏一些元素。

Answer 1

<style>
  .only-sticky{
    display: none;
  }
  .fixed .only-sticky{
    display: inline-block;
  }
</style>
<div class="contain-to-grid sticky">
  <nav class="top-bar" data-topbar data-options="sticky_on: large">
    <a href="#" class="small button">always visible</a>
    <a href="#" class="small button success only-sticky">visible only on sticky</a>
  </nav>
</div>