| 関数 | 文例 |
|---|---|
| new scroll : コンストラクタ | html 等で既に定義された領域（div など）を利用してスクロールバーにする。例えば、
const divforscr=document.getElementById("divforscr"); const scr1=new scroll(divforscr, false); または、id をそのまま指定し、 const scr1=new scroll("divforscr", false); 各引数は、1:消費される領域、2:逆方向（右から、下から） 2 の false は省略可 |
| html 等で既に定義された領域（div など）を「保証人」として、新たなスクロールバーを作る。例えば、
const divmother=document.getElementById("divmother"); const scr1=new scroll(divmother, x, y, w, h, false); または、id をそのまま指定し、 const scr1=new scroll("divmother", 20, 150, 200, 25, false); 各引数は、1:参照される領域、2:絶対位置x、3:絶対位置y、4:幅、5:高さ、6:逆方向（右から、下から） 6 の false は省略可 | |
| getbody : 実体（div）を返す | scr1.getbody().addEventListner('basechangedmechanical', ()=>{ ... }); |
| getbase : 値を得る | var b=scr1.getbase(); |
| setbase : 値を設定 | scr1.setbase(b); |
| setwhole : 全体を設定 | scr1.setwhole(wh); // === whole は base の最大値と view との和 !!! |
| setview : 視野を設定 | scr1.setview(v); |
| setwholeandview : 全体と視野を設定 | scr1.setwholeandview(wh, v); |
| setlargechange : 大きな変化量を設定 | scr1.setlargechange(L); |
| setinverse : 右や下からなら true 設定 | scr1.setinverse(false); |
| setx : 位置（x）設定 | scr1.setx(20) |
| sety : 位置（y）設定 | scr1.sety(150) |
| setxy : 位置（x, y）設定 | scr1.setxy(x, y) |
| setw : 幅設定 | scr1.setw(200) |
| seth : 高さ設定 | scr1.seth(25) |
| setwh : 幅と高さ設定 | scr1.setwh(w, h) |
| イベント | 伝達の原因 | 文例 |
|---|---|---|
| basechangedmechanical | マウス操作（スクロールとクリック）のみ | scr1.getbody().addEventListner('basechangedmechanical', ()=>{ ... }); |
| basechangedanyway | マウス操作（スクロールとクリック）および set** 関数 (setbase, setwhole, setview, setwholeandview) | scr1.getbody().addEventListner('basechangedanyway', ()=>{ ... }); |
| basechangedbycode | set** 関数 (setbase, setwhole, setview, setwholeandview)のみ | scr1.getbody().addEventListner('basechangedbycode', ()=>{ ... }); |