如何在導航欄放置在網頁頂部時修復導航欄？

我必須使用Javascript或其他方式使用CSS嗎？如何？

2016-02-29 Han Bae

如果導航欄總是停留在瀏覽器窗口的相同位置，那麼一個簡單的CSS'position：fixed;'就足夠了。如果你想根據滾動位置在不同狀態之間切換，你必須使用JS，因爲CSS不會意識到這一點。 – blex

您可以使用CSS來做到這一點。您可以使用position:fixed;來修復導航欄的位置。例如，，如果您的導航欄有class="navigation" 那麼您可以像這樣修復它的位置。

.navigation { 
    position: fixed; 
    height:50px; 
    width: 100%; 
    margin-top: -1.5em; 
}

在此代碼position:fixed;固定在div（導航欄）的位置高度決定在div width:100%;的高度覆蓋屏幕的整個寬度而margin-top: -1.5em;確定從頂部div的位置。

2016-02-29 19:35:32 Akshdeep

CSS3 - 目前只在Firefox中，通過「position：sticky」，但它也應該在今年開始在最新的瀏覽器中工作（希望）。（jQuery），它的搜索（關鍵字：粘頭jQuery的JavaScript），有很多很好的libs在那裏。

2016-02-29 11:50:26

回答