javascript - 为什么我的模态框不会在窗口的正中央打开？

Question

我遇到了一个错误，我的模式无法在中心窗口中打开。我目前用来测量中间的代码如下:

var id = j('#share-modal');

// show modal, resize
j(id).css('top',  j(window).height()/2-j(id).height()/2);                 
j(id).css('left', j(window).width()/2-j(id).width()/2);

j('#share-modal').fadeIn(500);

<小时/><小时/>

 CSS

#share-modal {
    display: none;
    font-family: Arial, sans-serif;
    width: 537px;
    height: 510px;
    position: absolute;
    background: #FFF;
    z-index: 100;
    box-shadow: 3px 3px 3px #333;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

这是我放置的唯一应该使代码居中的代码，但我无法判断是否有其他东西干扰。

在这里查看我的 JavaScript: http://pastebin.com/wZeY5azT

您可以在这里查看:www.paultibbs.com/varier

向下滚动并点击“与 friend 分享”按钮。

如果有人能帮我解决这个错误，我将不胜感激!

Answer 1

来自 jQuery 文档:

var height = $(window).height();
var scrollTop = $(window).scrollTop();

http://docs.jquery.com/CSS/scrollTop
http://docs.jquery.com/CSS/height

通过 How do I determine height and scrolling position of window in jQuery?