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 · ベストアンサー

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

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

お礼

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

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