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');
}

请记住，您希望窗口高度减去覆盖高度。然后除以2，你就可以获得所需的保证金。

如何使用jquery动态设置div的高度？

1 个答案: