HTML・レイアウトの操作：
ページ左上からNodeまでの距離を取得
ビューポートの左上ではなく、スクロールして隠れている部分を含めたページの左上から指定Nodeまでの距離を取得。
Node
Nodeを指定 id値を文字列で指定してもよい
String
取得する方向を指定 大文字・小文字で指定可能
X = X座標 ・ Y = Y座標
X = X座標 ・ Y = Y座標
●必須引数 ●オプション引数(省略可能)
記述例
$positionInPage($id('item1'), 'X')
$positionInPage('item2', 'y')
戻り値
取得した距離を数値で返す。
注意点
指定したオブジェクトの上位Nodeに「position: fixed」の要素が含まれる場合には、必ずCSSでleft属性とtop属性を設定しておく必要がある。
動作サンプル
Javascript :
var posX=$positionInPage($id('btn1'),'X');
var posY=$positionInPage('btn2','y'); //ページをスクロールしても取得される数値は変わらない
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。