如何在屏幕中央显示模态弹出窗口，以及如何在调整屏幕大小时保持位置

Question

我有一个模态弹出窗口，我正在使用javascript在屏幕中间显示它

$('div.openIDPopup').css({ 'height': $(document).height() + 'px',
        'width': $(window).width() + 'px',
        'visibility': 'visible'
    })
        .fadeIn('slow');
    $('div.openId').css({ 'visibility': 'visible',
        'top': ($(window).height() / 4) + 'px',
        'left': ($(window).width() / 3) + 'px'
    })
    .fadeIn('slow');

但在调整屏幕大小时，它会停留在该位置，因为它已完全确定了如何获得该功能。

Answer 1

您可能想看看这个基于CSS的解决方案： http : //www.wpdfd.com/editorial/thebox/deadcentre4.html

它依赖于使用负边距，我认为效果很好。

Answer 2

参见此处了解其操作方法： http ： //www.sohtanaka.com/web-design/examples/modal-window/