JavaScript基於瀏覽器高度調整元素大小

Question

我想根據窗口的高度使用Javascript/jQuery來調整網站的大小。

我的代碼如下：

jQuery.event.add(window, "load", resizeFrame); 
jQuery.event.add(window, "resize", resizeFrame); 

function resizeFrame() 
{ 
var h = $(window).height(); 
$(".main-wrapper").css('height', (h) ? h - 100); 
} 

我在做什麼錯？它似乎沒有調整由main-wrapper控制的部分的大小。

Answer 1

您在條件語句(h) ? h - 100中有錯誤。如果(h)的計算結果爲false，則必須提供一個值。正確的語法是（條件實驗值_真正：實驗值_假）

$(".main-wrapper").css('height', h ? h - 100 : default_value);