スクロール:

Nodeが指定位置よりも上にあるか下にあるか確認

指定Nodeが、表示領域内の境界位置の上と下どちらに位置しているかを確認して返す。

Node
Nodeを指定 id値を文字列で指定してもよい
Number
表示領域内の境界位置をパーセントで渡す 0 – 100 / 0% = 上端 ・ 100% = 下端
●必須引数 ●オプション引数(省略可能)

記述例

$positionInScr($id('nodeId'), 50)
$positionInScr('nodeId', 75)

戻り値

指定Nodeと境界位置の関係によって文字列を返す。

・境界位置の上にある:above

・境界位置に重なっている:cross

・境界位置の下にある:below

動作サンプル

各Nodeの状態を監視するタイマーを起動してからスクロールして確認する。

OBJ 1
OBJ 2
OBJ 3
OBJ 4
OBJ 5
Javascript : var result1=$positionInScr($id('obj1'),60); var result2=$positionInScr('obj2',60);          :
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。