スクロール位置を固定するJavaScriptサンプル

クライアントの要望

  • ボタンクリックで同一画面内の下部にあるコンテンツまでスクロールさせたい(スマホ対応したいのでFlash禁止)
  • ブラウザのウィンドウサイズに関係なく、下部のコンテンツが縦横ともに中央に来るようにしたい
  • ブラウザのズーム率(IEでいうフォントサイズ、Firefoxでいうズーム)に関係なくスクロール位置を固定したい
  • あらゆるブラウザ(特にスマホ)に対応したい

という要望を受けて作ったコードの備忘録です。けっこうベタ書きしたので、ちょっと無駄な部分もあります。

実際に作ったJavaScriptのコード

 

関連記事

この記事をシェアする