計算一個動態加載的div的高度

Question

我有一個要求，我的標題高度發生了變化。標題需要一些時間或者在加載時說延遲。根據標題高度，我的身體高度必須進行計算並且應該相應地設置。

這裏的示例代碼：

<div class="header header.row"> 
header content 
</div> 

<div class="main main.row"> 
body content 
</div> 

JS代碼：

document.ready(function() 
{ 
main.top=header.height; 
}); 

我關心的是我們如何才能知道什麼時候該頭的div是完全loaded.Is有什麼辦法可以發現，頭最終加載，然後計算身體的位置。解決方法嘗試設置延遲750毫秒。但由於延遲通常不會在實際情況下工作，試圖找到替代方案。

任何幫助肯定是讚賞。

在此先感謝。

Answer 1

隨着jQuery它是這樣的：

$(window).load(function() { 
    $('.main').css('top', $('.header').height()); 
}); 

Answer 2

您可以監聽onload事件，either on window or document例如

document.onload = function() { 
    var height = document.getElementsByClassName('header')[0].clientHeight; 
} 

注意，不需要header和header.row;你應該使用header row來給div這兩個類。