「ページトップへ戻る」ボタンを導入する方法【はてなブログ カスタマイズ忘備録（７）】

上記は、私のカスタマイズ環境です。 今回のコードは他の環境でも導入可能だと思います。また、はてなブログProでない方でも、レスポンシブにすればスマホでも利用することができます。 スマホ画面の「複合メニューバー」 「ページトップへ戻る」ボタンを導入する それでは、私が行った「ページトップへ戻る」ボタンの導入手順を順番に整理してみます。 （１）「HTMLとJavaScript」のコードを貼る はじめに「ページトップへ戻る」ボタンの「HTMLとJavaScript」のコードを貼ります。 〈貼り付けるコード〉 <!-- 「ページトップへ戻る」ボタン --> <div id="page-top-area"> <a id="page-top-button"><i class="fa fa-chevron-up"></i></a> </div> <script> (function($) { $(fun

[satorukamoshida]

トップに戻る

[hentekomura]

ありがとうございます！