サイトの上部へすぐに戻れるボタンを設置しました。
記事が長い時や記事一覧を見ている時、上へ戻るのが面倒だったんです。これですぐにトップへ戻ることができます。便利。
せっかくなので、自分で作った画像を設定できるタイプを選びました。
完成動作見本
右下に表示されます。ある程度ページを下げると出現し、上に戻すと消えます。押すとサイトトップまでビュンと飛びます。
参考サイト
参照させていただいたのは以下のサイトです。ありがとうございます!!
【コピペで出来るよ!】好きな画像を使って「PageTop(ページトップ)に戻る」ボタンを設置しよう。 - Milkのメモ帳
説明が丁寧だし、設定も簡単でした!
いちばん時間が掛かったのは、ボタン用に絵を描いた部分です。笑
そのくらい、コード設置と動作確認はすぐできました。
今回、コード内容は何も変えていないので、コードを書くのは省略します。
画像サイズの数値は「65」にしてみました。
追記:このボタンのために、イラストを修正しましたが、他に使う所もないのでここに貼っておきます。
ラクガキアイコン、ちょっとだけ線が整いました。なんかおめめのきらきら感が強まった。
↑これは押してもなにも起こりません。笑
はてなブログに投稿しました #はてなブログ
— やぁのん (@yaanon_21) December 29, 2020
ページトップへ戻るボタンを付けました。画像は自分が好きなように設定できます。
-
ページの上へ戻るボタンを好きな画像で設定 - はんこキャプターやぁのんhttps://t.co/Q9lCmpIBSG
※2021年1月17日追記:ボタン設置後は、状況に合わせてサイズなど微調整しています。