jQuery菜单栏浮顶

Question

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

我该怎么做？

问候，

Answer 1

您可以使用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

Answer 2

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/