javascript - jquery居中div Y轴错误

Question

我有一些我想居中的 div。为了做到这一点，我得到了这段代码：

jQuery.fn.center = function ()
{
    this.css("position","fixed");
    this.css("top", ($(window).height() / 2) - (this.outerHeight() / 2));
    this.css("left", ($(window).width() / 2) - (this.outerWidth() / 2));
    this.show(800);
    return this;
}

但问题是，当页面从第一个位置滚动时，div 没有正确居中，它根据整个页面显示居中，而不是用户实际可以看到的屏幕部分。

知道如何解决吗？

JS 小提琴：http: //jsfiddle.net/cK3XB/

Answer 1

试试这个。

jQuery.fn.center = function ()
{
    this.css("position","fixed");
    this.css("top", ($(window).outerHeight() / 2) - (this.outerHeight() / 2));
    this.css("left", ($(window).outerWidth() / 2) - (this.outerWidth() / 2));
    this.show(800);
    return this;
}

示例：http: //jsfiddle.net/xxsxk