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ずらしてる

自動でスクロールしている時に上スクロールを割り込ませることが重要だった
以下参考記事
上記を参考に作った、下記はメモ

自分のブログを読み直している時にマウスでスクロールするのが面倒だなと思ったので、自動でスクロールできるの調べた時の備忘録
ゆくゆくは自動でスクロールして、次へのリンクに辿り着いたら自動でページ遷移するところまではやる予定

Leave a Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。