2014-02-08 36 views
0

即使用戶正在滾動,始終使用div 100%的高度有什麼竅門?滾動時創建div全高

我試試這個,但它沒有工作的高度只適用於活動窗口。

<body> 
    [...] 
    <div class="popup_container">...</div> 
</body> 

.popup_container { 
    position: absolute; 
    background-color: rgba(0, 0, 0, 0.65); 
    width: 100%; 
    min-height: 100%; /** even this didn't work **/ 
    top: 0; 
    left: 0; 
    z-index: 12; 
} 

回答

1
.popup_container { 
    position: fixed; 

改變位置爲固定。這應該可以解決你的問題。)

這裏有一個jsfiddle

+0

,如果你想讓它滾動添加一個'底部:0;'用'位置:在父母relative':http://jsfiddle.net/ 6bHAc/1/ – Marcel

+0

感謝它現在的工作:)但與'位置:絕對;'沒有解決方案?此外,如果您嘗試在Facebook上觀看圖片,您會注意到滾動條消失了! Facebook如何做到這一點? – Youssef

+0

感謝@Marcel,但我不想爲我的'身體'指定一個高度,我希望它是自動的。 – Youssef