2011-10-25 109 views
0

我得到了以下的javascript:Div高度解決方案?

<script type="text/javascript"> 
     $(document).ready(function(){ 
     $("#sidebar").height($(document).height()); 

    }); 
    </script> 

這讓我能夠把一個DIV一樣的文檔大小的高度。但是目前我遇到了一個大問題。在我的網站有各種JavaScript選項可以拉伸原始文檔高度。

當文檔被拉伸,因爲腳本只在負載運行時,您能猜出股利不會拉伸。現在

我的問題是,如果有其他的方式來讓JavaScript的重新計算高度每文件大小增加或當JavaScript的運行時間。我已經試圖把下面的代碼背後的一些JavaScript代碼:

$("#sidebar").height($(document).height()); 

他們中有些人做了工作,但大多數人沒有。除此之外的其他解決方案也是受歡迎的。

親切的問候,

安格斯

+0

爲什麼不用'CSS **而不是js將div的高度設置爲'100%'呢? – JMax

+0

同意@Jmax,用CSS做這件事更好。 – OptimusCrime

+0

原因100%不會填滿整個頁面。即使當我將它綁定到身體標記。 (我知道怪異的sh * t) – Augus

回答

0

遠離高效的,但是,你可以使用文件「調整」事件:

$(document).resize(function() { 
    //re-run code here. 
} 

使用,這將很可能不會被推薦爲大部分 - 它在網頁中生成動態背景時對我很有用,但是。理想情況下,您希望使您的本地結構和樣式能夠應對調整大小,但這並非總是那麼容易。

0

使用resize事件。

這將是這樣的:$(窗口).resize($(窗口).height())

0
window.onresize = function() { 
$("#sidebar").height($(document).height()); 
// other stuff you want to do when the window is resized 
} 

您可能需要使用window.setTimeout來管理這是怎麼通常被稱爲。 IE瀏覽器爲一個拖動它不斷調用它。