設置div高度準備好並調整大小

我有一個div，我想根據窗口高度來調整大小。我有一個靜態高度div（高度= 97px）和低於它（高度= 200px）。到目前爲止，我有以下代碼：設置div高度準備好並調整大小

function eventSize(){ 
    var windowHeight = $(window).height(); 
    eventHeight = windowHeight - 297; 
    $('#mainEvent').css('height',eventHeight + 'px'); 
} 
$(document).ready(eventSize); 
$(window).resize(eventSize);

該代碼似乎在調整大小，但在頁面加載時顯示沒有高度。作爲參考，該頁面位於：www.fuelogix.com/test/roi.html。如果這可以通過CSS來完成，那麼我也不止對這些選項開放。

來源

2013-07-15 Chris MMgr

只是一個猜測，但嘗試在'setTimeout'中包裝'$（document）.ready（eventSize）;'看看會發生什麼。例如'setTimeout（function（）{$（document）.ready（eventSize）;}，250）;' – Calvin

看來你在那個頁面上還有一個壞的javascript。這很可能阻止它的工作。這些錯誤在這裏

$（...）。週期不midMenu.js線功能27

//Background Cycle 
$('#backgroundMid').cycle({

我能有點不同表達你的代碼。沒有問題。

$(function(){ 
    $(window).resize(function(){ 
     var windowHeight = $(window).height(); 
     eventHeight = windowHeight - 297; 
     $('#mainEvent').css('height',eventHeight + 'px'); 
    }).resize();  
});

我的其他建議是計算偏移量而不是使用硬編碼的297值。

來源

2013-07-16 00:48:23 stuisme

看起來破損的腳本阻止了該腳本在頁面加載時觸發。您的代碼版本也適用。感謝您的幫助。 –

設置div高度準備好並調整大小

回答

相關問題