simadzu https://blog.hatena.ne.jp/simadzu/ simadzu’blog https://simadzu.hatenablog.com/ はてなブログ 「ページトップへ戻る」ボタンを設置するの続きなのですが、トップへ戻るボタンの表示を「CSS＋Webアイコンフォント（Font Awesome）」から「JavaScript（jQuery）＋画像ファイル」に変更しました。戻る動作を実行するスクリプト本体に変更はありません。 ボタンの画像は、icon rainbowの丸枠付きの矢印アイコン素材を使わせてもらいました。（アイコン素材を無料（フリー）でダウンロードできるICOOON MONOもいいですね） ボタンを表示するHTMLは次のとおりです（画像に「arrow」というidをつけました）。 （デザイン→カスタマイズ→フッタにコードを入力） HTML… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsimadzu.hatenablog.com%2Fentry%2Fpage-top-button-continue" title="続「ページトップへ戻る」ボタンの設置 - simadzu’blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/simadzu/20241021/20241021152818.png Hatena Blog https://hatena.blog 2018-11-07 23:37:14 rich https://simadzu.hatenablog.com/entry/page-top-button-continue 1.0 100%