固定位置菜單，視口外的內容

我有一個導航菜單，它使用最小高度來佔據視口的整個高度，它也是固定位置，但是這提出了一個問題。固定位置菜單，視口外的內容

.menu{ 
    min-height:100vh; 
    height:auto; 
    position:fixed; 
}

菜單裏面的內容可以顯示比視進一步下跌，如果在小的瀏覽器窗口或決議如移動觀看，所以你不能看到最後的菜單選項。

我正在尋找最好的方法來解決這個問題，無論是用jQuery動態更改css位置（這似乎是用於WordPress管理菜單的解決方案），還是通過調整滾動上的頂部或邊距位置這個例子：

我想要那個相同的用戶體驗，所以具有絕對位置，直到它的底端進入視圖的元件充當（或給人的感覺），則它會成爲固定位置。

這些菜單很常見，所以我確定有幾種方法可以做到這一點？

2016-09-21 Sam Assoum

您可以隨時使用@media CSS規則，該規則將根據特定條件應用CSS屬性。以下示例將以淺藍色顯示屏幕背景顏色，屏幕尺寸爲500像素或更少。

@media only screen and (max-width: 500px) { 
body { 
    background-color:lightblue; 
}

}

你可以找到更多的細節here

2016-09-21 23:59:23 Soul

回答