如何使用jquery動態設置div的高度？

Question

這是我的代碼，但它不起作用（div始終浮動到頁面的頂部，我希望它位於頁面的中心）。

HTML：

<div id="overlay">Stuff</div> 

JQuery的：

$(document).ready(function(){ 
    var height = $('#overlay').height(); 
    var marginTop = (height)/2; 
    document.getElementById("overlay").style.marginTop="-"+marginTop+"px"; 
    document.getElementById("overlay").style.top="50%"; 
}); 

我在做什麼錯？

Answer 1

$(document).ready(function(){ 
    resize(); 
    $(window).resize(resize); 
}); 

function resize() 
{ 
    var height = $('#overlay').height(); 
    $('#overlay').css('margin-top', (($(window).height() - height)/2) + 'px'); 
} 

請記住，您希望窗口高度減去重疊高度。然後除以二，你有你想要的保證金。