javascript - 向下滚动时如何在顶部修复主导航

Question

首先祝大家圣诞快乐

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

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

提前致谢。

Answer 1

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

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

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

Answer 2

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

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

滚动位置大于标题高度时，Javascript 将顶栏位置修改为固定，例如：

documentById().style.display

左边的标志也是如此。