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>

如果顶栏粘在顶部，如何显示元素？ - Zurb基金会

1 个答案: