AIで2次元キャラを生成するサービス開始!

HTML+CSSで画面スクロール機能(ボタン)を作る【サンプルあり】

HTML
この記事は約1分で読めます。

今回はJSなどを使わずにHTML+CSSだけで画面スクロール機能のあるボタンを作りましょう。

このコードはDEV Community(現在削除済み)から一部引用しました。

単純にボタンにhref属性をつけてクリックされたらCSS側で画面をずらすだけです。勝手にスクロールさせたいときとかはJSを使うべきですがかんたんな構造の場合はあえてJSをつかわずにスッキリとしたほうがいいですよね。

 

ライブプレビュー

See the Pen
ScrollPage
by tomox0115 (@tomox0115)
on CodePen.

サンプルコード

GitHub Gistにアップロードしています。

index.html

style.css

コメント

タイトルとURLをコピーしました