頂部的菜單欄（Div元素）保留，同時向下滾動

Question

我正在製作一個簡單的（測試）網站，並且我想添加一個菜單欄（位於網站的頂部），當您向下滾動而不是消失。我知道我需要jQuery，也可能是JavaScript。它不像一個滑動菜單，它就像當你想發佈一個問題時在網站的右側有一個stackoverflow - >但是現在我希望它在菜單欄的頂部。

我該如何製作這種菜單欄？

感謝回覆，

Niels。

Answer 1

您只需要CSS。你只需要給它一個固定的位置：

#topBar { 
    position:fixed; 
    top:0px; 
} 

這將滾動頁面。另見this SO Question。

Answer 2

這是你想要的效果嗎？ http://www.sutanaryan.com/Tutorials/fixed-menu-when-scrolling-page-with-CSS-and-jQuery/