Position div to center of visible area

7 浏览
0 Comments

Position div to center of visible area

我正在制作一个轻盒样式的弹出窗口，用于邮件列表的注册，但我希望弹出窗口位于可见页面的中心，而不仅仅是整个文档的中心；如果用户滚动到页面底部并点击注册，我希望它出现在屏幕的中心位置。

我认为使用jQuery/JS是最好的方法；这是我的当前CSS代码，它的效果还不错，但对于较小的屏幕，需要将div动态地推入可见空间。

.my-div{
    width:960px;
    height:540px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-480px;
    margin-top:-270px;
    z-index:60;
    display:none;
}

0