我有一个顶栏菜单,但当页面加载时它位于页面中间的某个位置。当我向上滚动时,我将其设置为 sticky
,这样当我滚动页面时它就会固定在顶部。我的问题是,如何使顶部栏内的某些元素仅在它已经粘在顶部时才出现?当它没有粘到顶部时,我想隐藏一些元素。
最佳答案
<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>
关于css - 仅当顶部栏粘在顶部时如何显示元素? - Zurb 基金会,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23580953/