JQueryで画面中央にDIVを配置したい

いつもお世話になります<(_ _)>

PC及びスマートフォンで表示した際にスクロールバーが表示され、スクロールできるページがあります。
(bodyの高さは、1500pxほどあります)

そこに、以下DIVを画面中央に表示したいのですが
<div id="loading_image" style='position:absolute;'><img src="loading.gif" /></div>

styleでtop:50%としたら、ページ全体(1500px)の真ん中あたりに表示されるのですが、ページが長いのでスクロールが一番上の状態だと隠れて表示されません。
※ページ真ん中ぐらいにスクロールすれば表示されています。

このDIVを「今、表示されているエリアの中央」に移動させる事はできるのでしょうか？

JQueryで位置を動かすにも、どのようにして「今、表示されているエリアの中央」の座標を取得するのか、わかりません。

ご存じの方、何卒ご教授のほど宜しくお願い致します<(_ _)>

No.1 ベストアンサー 回答者： fujillin 回答日時： 2012/10/04 22:41

表示対象のサイズと画面のサイズから表示する位置を決め、それに画面のスクロール量を足してください。

jQueryではありませんが、このあたりが参考になるかも。
http://archiva.jp/web/javascript/get_page-size.h …
（いろいろやらなくても、jQueryがやってくれますが…）

この回答へのお礼

ご連絡が遅くなりましたm(__)m

教えて頂いたURLを参考にしてみます！
ありがとうございました(^_^)

お礼日時：2012/11/02 08:26