jquery - jquery菜单栏浮动顶部

Question

我试图让一个菜单栏不断地浮动在浏览器的顶部，所以当他们向下滚动页面时，菜单栏仍然在顶部。

我怎么能这样做呢？

问候，

Answer 1

CSS 标记position: fixed;将使其保持在屏幕上的相同位置，即使滚动也是如此。使用它，然后将其定位，top/right/bottom/left如下所示。z-index将影响它“堆叠”的高度。也就是说，a为 1 的元素将位于 a为 100z-index的元素之下。z-index

div.float {
    position: fixed;
    top: 10px;
    left: 25px;
    z-index: 9001;
}

jsfiddle.net 较早时已关闭，但已恢复。这是一个浮动菜单的示例，在您滚动到某个点之前它是静态的：http: //jsfiddle.net/2rhrc/

Answer 2

您可以使用 CSS 位置属性来执行此操作。例如：

#menu {
  height: 50px;
  left: 0;
  position:fixed;
  top: 0;
}

参考：

• http://www.w3schools.com/cssref/pr_class_position.asp
• http://www.quirksmode.org/css/position.html

我注意到这个有效使用的第一个地方是在 Perldoc 站点上。如果必须滚动，#content_header 元素使用 CSS 和 JS 的组合来保持元素在页面上可见。

• http://perldoc.perl.org/index.html