我正在构建一个web应用程序,上面有一个粘稠的导航条。肚脐是这样的一种方式,有一个品牌标志之上的肚脐。因此,当页面最初加载时,用户会看到一个品牌徽标,下面是导航栏。当用户滚动时,徽标div向上移动(从视口),只有导航条应该停留在顶部。我能够通过以下代码实现这一点:
<!-- Content Within Body -->
<!-- Brand Logo -->
<div class="container-fluid">
<a class="navbar-brand" href="#">
我一直在做一个学校项目,我只是遇到了一个问题。我从W3中得到了两种不同的东西--粘性导航栏,以及在单个页面上有不同标签的能力,这样所有的信息都可以以一种不那么混乱的方式呈现。问题是,当我尝试同时合并这两个选项卡时,标签不能从最上面移动,除非我决定在上面插入一个边距,这也移动了导航条。我认为问题在于导航条很粘,所以我不能移动它,但我不知道为什么选项卡不能低于导航条。
Stack Overflow is yelling at me because it says I need code to insert a jsfiddle link, so here's my 'code.