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

Question

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

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

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

Answer 1

我认为您需要使用position:fixed

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

这里是modified jsfiddle

Answer 2

如果你的元素是'nav'或你的元素类是'.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%;
}