スクロール:

指定したスクロール値を超えたら関数を実行

スクロール量を監視して、指定範囲にある場合には指定の関数を実行する。

Number1
スクロール値を指定 単位無し数値(px) か パーセント文字列(%) で指定
Number2
許容範囲を指定 Number1以上何pxまで反応させるか数値で指定
0 = ちょうどの位置でのみ実行 ・ null = Number1の数値以上全てを許容範囲とする
Function
実行する関数名を渡す ()を省いた形で指定。文字列ではない点に注意
null を渡すと、他の3つの引数が同じ設定をキャンセルすることができる
Bool
繰り返し実行の許可 true = 繰り返し実行 ・ false = 1回のみ / 省略した場合は false となる
●必須引数 ●オプション引数(省略可能)

記述例

$scrDoFunc(500, 50, sampleFunc, true)
$scrDoFunc(500, 50, null, true)
$scrDoFunc('90%', null, sampleFunc)

注意点

第4引数の繰り返し実行を true に設定した場合には、setTimeout()で高速に関数が繰り返されるので、その点に留意して使用すること。

動作サンプル


COLOR BOX
COLOR BOX
Javascript : $scrDoFunc(450,50,func1); $scrDoFunc('50%',50,func2); $scrDoFunc(800,100,func3,true); $scrDoFunc(800,100,null,true); //設定済みの$scrDoFunc()をキャンセル $scrDoFunc('100%',0,func4,true);
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。