jQuery でブラウザの表示領域に対するサイズや位置情報を取得してみる - Cyokodog :: Diary

更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary 前回、前々回のエントリではボックス要素を例にサイズや位置、スクロール量などの求め方について書きましたが、実際のプラグインの実装においてこれらの情報が必要になるのは、ブラウザの表示領域に対してということが多いかと思います。 具体的にはツールチップなどの機能で、画面の端の要素を hover した時、ポップアップがブラウザの表示領域内に収まるように表示位置を調整するような場合に、ブラウザの表示領域のサイズやスクロール量などが必要になります。 jQuery でブラウザの表示領域をつかむ方法 ブラウザの表示領域を jQuery でつかむには、以下のような記述でできそうです。 $('html') $(window) $(

[fbis]

"$('html') では取得できない部分を $(window)、$(document) で補完するのがいいかと"

[vitaminsii]

参考になります。

[wadackel]

クロスブラウザについて

[Cherenkov]

selector http://www.atmarkit.co.jp/fdotnet/jqueryref/02attribute/attribute_13.html によると $('html, body').scrollTop();

[seki-moto]

offsetHeightとか、各ブラウザでの検証

[mekagazira]

主要ブラウザでサイズ・位置情報を取得

[josch_so36]

サイズ、位置情報をこれで確認してみる

[blog0009]

メモ

[terurou]

clientWidth/HeightやらscrollWidth/HeightやらoffsetWidth/Heightをクロスブラウザに

[soma1080]

意外と使うことが多そうなので参考にする。

[uzulla]

scroll スクロール

[proto_jp]

もはやのどのブラウザが正しい振る舞いをしてるのか分かりません。