jquery - 公式居中模态

Question

伙计们，我需要帮助我很难让公式居中这个模态 (http://www.queness.com/post/77/simple-jquery-modal-window-tutorial) 我的浏览器大小是1263X582，我通过使用 jquery 中的公式解决它

    $(id).css('top',  winH/2-$(id).height()/2);
    $(id).css('left', winW/2-$(id).width()/2);

所以基本上我最终会得到顶部的 1263/2 - 395/2 和左边的 582/2 - 223/2 然后我最终得到 TOP:179.5 LEFT:434 但是当我检查元素站点并检查是否我是对的，它给了我一个不同的答案。我只想知道我的解决方法是否正确，或者这个问题的正确解决方法是什么。

谢谢。

Answer 1

公式看起来不错，只要确保您获得的 winH、winW 和模态尺寸大小正确即可。

如果模态框不可见，你会得到 0，或者如果它不在你的文档窗口中，它将有一个奇怪的形状。

还要考虑 height() 和 width() 不考虑填充，但 outerWidth() 考虑。

提示: 将 $(id) 存储在另一个变量中以优化您的 jQuery 查询。

var modal = $(id);
modal.css('top', winH/2 - modal.height()/2);