![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
いつもお世話になります<(_ _)>
PC及びスマートフォンで表示した際にスクロールバーが表示され、スクロールできるページがあります。
(bodyの高さは、1500pxほどあります)
そこに、以下DIVを画面中央に表示したいのですが
<div id="loading_image" style='position:absolute;'><img src="loading.gif" /></div>
styleでtop:50%としたら、ページ全体(1500px)の真ん中あたりに表示されるのですが、ページが長いのでスクロールが一番上の状態だと隠れて表示されません。
※ページ真ん中ぐらいにスクロールすれば表示されています。
このDIVを「今、表示されているエリアの中央」に移動させる事はできるのでしょうか?
JQueryで位置を動かすにも、どのようにして「今、表示されているエリアの中央」の座標を取得するのか、わかりません。
ご存じの方、何卒ご教授のほど宜しくお願い致します<(_ _)>
No.1ベストアンサー
- 回答日時:
表示対象のサイズと画面のサイズから表示する位置を決め、それに画面のスクロール量を足してください。
jQueryではありませんが、このあたりが参考になるかも。
http://archiva.jp/web/javascript/get_page-size.h …
(いろいろやらなくても、jQueryがやってくれますが…)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像のようにとあるサイトの横...
-
Excelでワードアートや図を常に...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
大きい表へのスクロールバーの...
-
エクセルVBAでフォームのListbo...
-
Webサイト内でスクロールする小...
-
ページ読み込み時に自動でスク...
-
子要素のスクロールが親要素に...
-
エクセルで行を固定しその下か...
-
ページ訪問時にiframe内を自動...
-
javascriptでの独自スクロール...
-
webページで横方向にアンカーを...
-
vb,netでtextboxの文字を右から...
-
ExcelVBAで他のアプリをスクロ...
-
html js 横軸の長いチャート
-
resizeするとスマホで何度もリ...
-
JQueryで画面中央にDIVを配置し...
-
Excelで1.2行目だけ固定して...
-
Excelで一部分だけを常に表示さ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
エクセルVBAでフォームのListbo...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
Excelで一部分だけを常に表示さ...
-
Excelで1.2行目だけ固定して...
-
Visual Basicから Spreadのスク...
-
大きい表へのスクロールバーの...
-
VBE画面の縦のスクロールバ...
-
vb,netでtextboxの文字を右から...
-
リストビューのスクロールバー...
-
リストビューの表示開始行変更
-
ページ訪問時にiframe内を自動...
-
IFRAMEでscrolling="yes|no"の...
-
文章の自動スクロール
-
ポストバック時のスクロール位...
-
C#:ListViewでのスクロールイベ...
-
常に画像の大きさを横幅100%で...
-
マウスオーバー→ホイール回転で...
-
webページで横方向にアンカーを...
おすすめ情報