活跃时隐藏顶部

Question

我有一个导航栏并且想要应用词缀，​​但只有一半的导航栏。整件事是1块固体。我认为当affix处于活动状态时，我可以尝试将top属性设置为负数并摆脱导航栏的上半部分。我只是不知道该怎么做。任何建议都受到欢迎。

所以这就是我的尝试：

<nav id="header-nav" data-spy="affix" data-offset-top="50">
     <div class="row1"></div>
     <div class="row2"></div>
</nav>

这个的CSS是：

.row1{
padding-top: 10px;
}

.row2 {
    padding-bottom: 20px;
}

.affix {
    top: -10px;
    width: 100%;
}

#header-nav.affix {
    position: absolute;
    top: -50px;
}

但显然top似乎根本没有改变任何东西。

Answer 1

它实际上只是将margin-top: -50px;放在.affix类中。问题是G.Chrome有时决定使用旧CSS而不是新CSS。我刚刚使用＆＃34; 禁用缓存＆＃34;从 inspect element-＆gt;网络运行它检查。

CSS中只需要这个：

.affix {
    margin-top: -50px;
    width: 100%;
}