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/