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

标签 javascript jquery ajax modal-dialog

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

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 分享”按钮。

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

最佳答案

来自 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?

关于javascript - 为什么我的模态框不会在窗口的正中央打开?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9221906/

相关文章:

ajax - 对于全局站点性能来说,是许多小型ajax请求还是大型请求是更好的选择?

ajax - 有人可以列出常见的 javascript 框架/库以及每个框架/库的优缺点吗?

javascript - 每 3 秒重复一次动画

javascript - jQuery find next 不适用于 div 结构

javascript - 在nodejs中使用 Angular 前端

javascript - 未捕获的 TypeError : $(. ..).documentForm 不是函数

java - 在 JQuery 中使用 ajax 方法 .get() 和 .post() 来添加到购物车

javascript - $ajax 调用在 chrome/safari 下载文件期间挂起,而不是在 IE/firefox 中

javascript - 通过 JQuery 添加 CSS 不适用于 IE

javascript - 多个链接的 getElementsByClassName 问题