如何使用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'); 
} 

请记住，您希望窗口高度减去重叠高度。然后除以二，你有你想要的保证金。