タグ

2013年9月17日のブックマーク (2件)

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

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

    jQuery でブラウザの表示領域に対するサイズや位置情報を取得してみる - Cyokodog :: Diary
    fbis
    fbis 2013/09/17
    "$('html') では取得できない部分を $(window)、$(document) で補完するのがいいかと"
  • jQueryで要素(セレクタ)座標top,leftの取得 | 主にWeb技術ネタ ブログ

    よく忘れるので、メモ書きです。 jQueryには、offset()という関数があり、それを使ってtopとleftの座標を取得することが出来ます。 right、bottomは残念ならが取れません。 それぞれ以下のように取得出来ます。 $("#Hoge").offset().top $("#Hoge").offset().left 返ってくる値は、ページ全体の絶対位置のようです。 JUGEMテーマ:JavaScript