jquery居中一个div Y轴错误

时间:2013-09-15 20:46:10

标签: javascript jquery

我有一些我想要居中的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 FIDDLE:http://jsfiddle.net/cK3XB/

1 个答案:

答案 0 :(得分:0)

然后尝试一下。

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