jquery菜单栏漂浮顶部

Question

我正在尝试使菜单栏不断浮动在浏览器的顶部，因此当它们向下滚动页面时，菜单栏仍位于顶部。

我怎么能这样做？

此致

Answer 1

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

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

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

Answer 2

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

#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