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

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

向下滚动并单击“与朋友分享”按钮。

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

Answer 1

来自 jQuery 文档：

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

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

通过 如何确定 jQuery 中窗口的高度和滚动位置？< /a>

Answer 2

您需要考虑滚动位置。

// Add the pageYOffset should fix the problem
j(id).css('top',  (j(window).height()/2-j(id).height()/2) + window.pageYOffset);

您还必须监视滚动事件并重新生成位置，以防它们上下滚动。