Div不會跨越文檔的邊界並具有屏幕的高度

Question

因此，我在這裏嘗試了幾種解決方案，而且我似乎無法找到適用於我的解決方案。

我在淺藍色的背景中有這個div。我已經設置了它的最小高度來匹配文檔的高度，但問題是，我的jQuery代碼不起作用。

var windowHeight = $(window).height(); 
var documentHeight = $(document).height(); 

if (windowHeight > documentHeight) { 
    $("#blueBackgroundBarVertical").height = windowHeight; 
} 

這裏的CCS代碼：

#blueBackgroundBarVertical { 
min-height: 631px; 
width: 150px; 
background-color: rgba(0, 204, 255, 0.4); 
position: absolute; 
top: 0; 
margin-left: 695px; 
z-index: -10; } 

我試圖設置「高度」爲100％，但隨後出現問題的小屏幕，因爲這是在屏幕的100％ ，所以當你在更長的頁面向下滾動條的其餘部分走在了底部..

Answer 1

除了使用.height = windowHeight使用此

var windowHeight = $(window).height(); 
var documentHeight = $(document).height(); 

$(window).resize(function() { 
    if (windowHeight === documentHeight) { 
     $("#blueBackgroundBarVertical").height($(window).height()); 
    } 
}); 
if (windowHeight === documentHeight) { 
    $("#blueBackgroundBarVertical").height(windowHeight); 
} 

的

另外，如果爲窗口和網站具有相同的尺寸聲明永遠不能真正

http://jsfiddle.net/Hive7/smtWJ/2/

另外，還要確保你有一個js文件