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將影響「堆疊」的高度。也就是說，與1的z-index元素將是100的

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

一個z-index jsfiddle.net下跌更早的元素之下，但它的備份。下面是一個浮動菜單的示例，在您滾動到某個點之前爲靜態：http://jsfiddle.net/2rhrc/