使用jquery在页面中心放置一个叠加层

Question

这应该是一个简单的问题,但我似乎无法弄明白.我使用jquery做了一个弹出窗口,我希望它位于页面的中心.无论网站如何调整和分辨率.现在我只是用CSS定位它,但问题是如果你移动页面它不会移动叠加层,它取决于页面上有多少内容.有没有办法用jquery定位它所以它也将在窗口的中心？

谢谢!

Answer 1

你不需要jQuery.如果目的是始终将div放在窗口的中心,那么您可以使用CSS来完成.

查看http://jsfiddle.net/5Q6FU/上的工作示例

<div class="mydiv"></div>

.mydiv{
    width:300px;
    height:300px;
    background:red;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-150px; /* negative half the size of height */
    margin-left:-150px; /* negative half the size of width */
}