2011-04-05 68 views
0

我有一個應該佔用瀏覽器窗口剩餘垂直空間的div。如果該div中的內容大於div的高度,則應該爲該div添加滾動條。如何將div的高度設置爲瀏覽器的垂直空間

林試圖與此類似,但它是沒有用的

h = $(document).height(); 
$("#mydiv").attr(height : h); 

幫助我PLZ

+0

你是什麼意思垂直空間?..你不只是需要overflow-y:auto;在這個div在你的css?...並給出該div高度:你的css也是100% – 2011-04-05 11:58:27

+0

垂直空間=剩餘的空垂直空間 – Rajasekar 2011-04-05 12:01:04

回答

2

試試這個...的

h = $(document).height(); 
$("#mydiv").css('height', h); 
+2

css屬性 - 'overflow:scroll;'需要添加我猜與此一起。 – anu 2011-04-05 12:06:52

+0

在這裏使用css setter有什麼特別的優勢嗎?而不是'$ .height'方法直接? – 2011-04-05 12:07:57

+0

對我來說......使用CSS可以清楚地表明屬性來自何處。使用$(document).height()並沒有清楚地表明你正在影響一個CSS屬性,並在新程序員之間造成混淆,關於正在更新的內容。 – 2011-04-05 12:14:14

1

您需要的窗口高度:)

$(window).height() 

像這樣:

$("#mydiv").height($(window).height()); 
1

您可以使用$(窗口).height()或$(文件).height(),這取決於哪一個對你有意思。

高度不是DOM屬性,它是一個CSS屬性。但它很好地抽象成height()函數,所以你可以用它來設置。

var height_to_set = $(document).height(); 
$("#mydiv").height(height_to_set); 
相關問題