javascript - 向下滚动时如何将主导航固定在顶部

标签 javascript css html

首先祝大家圣诞快乐

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

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

提前致谢。

最佳答案

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

这是 jQuery 代码,因此请确保加载 jQuery 库:

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

关于javascript - 向下滚动时如何将主导航固定在顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14031340/

相关文章:

javascript - 如何在将鼠标悬停在链接上时隐藏 URL?

javascript - 在 ajax/jquery 中运行完整的 php 脚本

css div 高度设置为动态大小

javascript - 从另一个实例更新实例的属性

ios5 - iOS Mobile Safari 上的部分背景

javascript - 复制以逗号分隔的一半字段

html - 难以为响应定制 Bootstrap 导航栏

jquery - 使用图像自定义复选框开/关

javascript - 无法访问对象原型(prototype)上的方法

javascript - d3.js 图表未更新新数据