如何在向下滚动时修复主导航

Question

首先，祝大家圣诞快乐

我想在向下滚动时将顶部导航菜单栏固定在顶部，如：csschopper.com

这是由position: fixed; css属性发生的，但当我把它放在css菜单中时会固定在顶部。这将需要一些JavaScript代码，但我不知道代码到底是什么。当有人向下滚动时，我也想在菜单旁边显示小徽标，如csschopper.com

提前致谢。

Answer 1

这就是代码的样子：jsFiddle在这个例子中，我创建了两个导航栏但你也可以有一个然后添加一个项目

这是jQuery代码，因此请确保加载jQuery libery：

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>

Answer 2

顶栏的初始位置是静态的。但是当用户在jquery上滚动（你必须捕获onscroll事件）时这样：

$(window).scroll(function());

滚动位置大于标题高度，Javascript修改了顶栏位置，例如：

documentById().style.display

左边的徽标同样如此。