2013-10-27 131 views
-1

我想將側邊欄div的高度設置爲文檔的高度。出於某種原因,它不工作使用jquery將div高度設置爲文檔高度

var l=$(document).height(); 
$("#sidebar,#sidebar_right").height(l); 

螢火顯示文檔的高度總是比一個側邊欄..有誰知道爲什麼它不是工作更大? (如果我刷新頁面5,6次就越來越近,但從來沒有確切的高度)

+0

被包含在生長時側邊欄成長的任何元素的側邊欄?還是側邊欄絕對定位?也許你更想用CSS實現這種填充效果。 – JayK

+0

看起來像你的代碼工作,我們需要在上下文中看到HTML和CSS來找到問題。 http://jsfiddle.net/filever10/PyuzB/ – FiLeVeR10

+0

沒有工作,我用了一個刷新它4次的計時器,它使用了一個近似值,但暫時工作。 – user2668436

回答

3

您可以使用此,

function sideHeight() { 
    var wH = $(window).height(); 

    $('#sidebar, #sidebar_right').css({ 
     height: wH 
    }); 
} 

sideHeight(); 

它會發現頁面的高度,然後將它通過.css

股利您還可以設置像身高像這樣的一半,var wH = $(window).height()/2;

var wH = $(window).height() - 300;

如果你想使用文檔而不是窗口,那麼你的權力更大。

function sideHeight() { 
    var wH = $(document).height(); 

    $('#sidebar, #sidebar_right').css({ 
     height: wH 
    }); 
} 

sideHeight(); 

JSFIDDLE

window vs document