web関連
【javascript】ボタンを押したら1pxずつ自動で下にスクロール
ボタンを押したら下にスクロールし続けるjavascriptについて調べた
ボタンを押したら1pxずつ自動で下にスクロールするソースコード
<input type="button" value="スクロール開始" onClick="scrollPage()" />
<script>
var speed = 20;// 20ミリ秒(0.02秒)ごとに発火
function scrollPage() {
window.scrollBy(0,1);//1pxずつ下にずれる
setTimeout("scrollPage()",speed);
}
</script>
関数内で関数を呼び出して、scrollBy()
を使って呼び出されるたびに下に1pxずらしてる
自動でスクロールしている時に上スクロールを割り込ませることが重要だった
以下参考記事
以下参考記事
Link:7 ウィンドウをスクロールさせる
Memo:とても参考になった
でも、scrollToが使われててスクロールで上に戻ることができなかった、惜しかった
でも、scrollToが使われててスクロールで上に戻ることができなかった、惜しかった
Link:自動でスクロールする
Memo:scrollByが使われてて、デモもある
ちょっと自動スクロールのカクツキが気になるけど
ちょっと自動スクロールのカクツキが気になるけど
上記を参考に作った、下記はメモ
Memo:ボタンを何度も押すと重ね掛けみたいになってスクロールが早くなっちゃうので調べた
デモで使用している
デモで使用している
自分のブログを読み直している時にマウスでスクロールするのが面倒だなと思ったので、自動でスクロールできるの調べた時の備忘録
ゆくゆくは自動でスクロールして、次へのリンクに辿り着いたら自動でページ遷移するところまではやる予定
一回しかボタンを押せないようにしたり、最下部までスクロールしたら停止するように手を加えてる(左上にボタンがあります)