好的,这是我想要问的一个例子,usatoday的导航栏。
我正在使用bootstrap affix。以下是我的代码:
<div class="header">
<div class="header-1">
<h1>this is some logo</h1>
</div>
<div class="header-2">
<h3>this is some heading</h3>
</div>
</div>
<div class="content" style="height:2500px;">
</div>
<div class="footer">
this is a footer
</div>
JavaScript
$('.header-2').affix({
});
如何让div元素的header-2在网页滚动时固定在顶部(当该元素到达顶部位置时),就像你之前提到的那个网站一样?我希望可以看到header-1和header-2,但是在滚动页面时,header-1应该被隐藏,而header-2则应该固定在最顶部。谢谢。