2014-09-05 22 views
2

我有側面div與側面菜單,並且我想使div高度整個頁面,即使我向下滾動 。即使向下滾動,如何製作整個頁面的高度

我試過身高100vh給出屏幕頁面的高度; 身高100%我得到身高,直到我沒有菜單了。

.menu { 
    float: left; 
    width: 350px; 
    background: #151515; 
    height:100vh; 
} 

旁邊側菜單是超過菜單的高度主要內容,所以我想,即使我向下滾動,即該菜單的主要內容背景還是到年底。

+0

請考慮在發佈您的標記,以及,還提供了更多的jsfiddle在線例子將是有益的。 – 2014-09-05 17:15:16

回答

1

試試絕對定位:

.menu { 
    position: absolute; top: 0; bottom: 0; left: 0; 
    width: 350px; 
    background: #151515; 
} 
+0

這不適用於滾動,需要'固定' – cstrat 2015-03-13 11:12:12

4

你想,即使你向下滾動在屏幕上停留的菜單?

試試這個:

.menu { 
    position: fixed; 
    top: 0px; 
    bottom: 0px; 
    left: 0px; 
    width: 350px; 
    background-color: #151515; 
} 
相關問題