DOM操作の簡略化:

bodyにonscroll属性を追加

document.body にonscroll属性を追加する。既に onscroll が設定されている場合は、後ろに関数を追加して設定できる。

Function
関数を渡す ( )を省いた形で指定する / 文字列ではない点に注意
●必須引数 ●オプション引数(省略可能)

記述例

$setOnscroll(aFunction)

注意点

この $setOnscroll() では引数込みの関数は渡せない。引数込みの関数を指定したい場合は、$setAttr() を使用する。

動作サンプル

各ボタンで onscroll に Function(関数) を追加してから、ページをスクロールして動作確認。





SCROLL



Javascript : $setOnscroll(function1); //onscroll に function1 を追加 $setOnscroll(function2); //onscroll に function2 を追加 var testNum1=0; var testNum2=1000; function function1() { //スクロールする度に数が増える関数 testNum1++; var tarSpan=$tag('span','samples',0); $toHTML(tarSpan,'function1 = '+testNum1); //ボタン内のカウントを更新 } function function2() { //スクロールする度に数が減る関数 testNum2--; var tarSpan=$tag('span','samples',1); $toHTML(tarSpan,'function2 = '+testNum2); //ボタン内のカウントを更新 }
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。