HTML+CSSで画面スクロール機能(ボタン)を作る【サンプルあり】
![アイキャッチ画像](https://0115765.com/wp-content/uploads/2021/04/名称未設定-1-11-1024x576.jpg)
今回はJSなどを使わずにHTML+CSSだけで画面スクロール機能のあるボタンを作りましょう。
このコードはDEV Community(現在削除済み)から一部引用しました。
単純にボタンにhref属性をつけてクリックされたらCSS側で画面をずらすだけです。勝手にスクロールさせたいときとかはJSを使うべきですがかんたんな構造の場合はあえてJSをつかわずにスッキリとしたほうがいいですよね。
ライブプレビュー
See the Pen
ScrollPage by tomox0115 (@tomox0115)
on CodePen.
サンプルコード
GitHub Gistにアップロードしています。