jquery菜单栏漂浮顶部

Question

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

我怎么能这样做？

问候,

Answer 1

position: fixed;即使滚动,CSS标签也会使其保持在屏幕上的相同位置.使用它,然后top/right/bottom/left如下所示定位它.z-index会影响它的"叠加"程度.也就是说,a z-index为1的元素将位于z-index100 的元素之下.

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

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