css - 仅当顶部栏粘在顶部时如何显示元素？ - 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>