javascript - 滚动时如何使此导航栏浮动在顶部？

Question

可以在此处找到整个导航栏及其 JavaScript 设置

http://jsfiddle.net/DyJzg/3/

现在它停留在页面的顶部，但我想知道即使你向下滚动页面，它是否可以浮动在顶部。谢谢。

Answer 1

我认为你需要使用position:fixed

nav {
position:fixed;
top:0;
width:100%;
}

这是修改过的jsfiddle

Answer 2

如果您的元素是“导航”或您的元素类是“.nav”，请使用这段 css 代码：

nav, .nav{
position:fixed;
top:0;
width:your_custom_with;
height: your_custom_height
}

注意：查看这篇css定位文章了解更多详情： http ://www.w3schools.com/css/css_positioning.asp

Answer 3

就在我的脑海中，以下应该做到这一点..

.nav{
   display:block;
   position:absolute;
   top:0;
   left:0;
   right:0;
   width:100%;
}