javascript ページ最下部までスクロールさせる

javascript ページ最下部までスクロールさせる

javascriptで、window.scrollを使ってページ最下部までスクロールさせるサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

window.scroll使い方

window.scrollを使うと、ページ内をスクロールさせることができます。

ページ最下部までの移動させる方法は、
ページ全体の高さ – ブラウザの高さ = ページの最下部位置
を計算して、window.scrollを使って移動させます。

サンプルコード

以下は、ボタンをクリックして、ページの高さからブラウズの高さを引いた分だけ移動して、ページの最下部まで移動するサンプルコードとなります。

※cssには「bootstrap material」を使用してます。

ページ下部まで移動していることが確認できます。