はてなブログにページトップへ戻るボタンをつけよう！ - No Hack No Life

ブログ上である程度下にスクロールした際に すぅっとフェードインしてクリックすると にゅる〜んとページのトップへ戻るボタンを設置してみました。 記事が長いと上に戻るのもめんどくさいですものねぇ(゜-゜;)ウーン HTMLやCSS、jQueryの知識が無い方でも 設置して頂けるように記事をまとめましたので是非お試し下さい！ 見た目 この記事をある程度下にスクロールすると確認してもらえると思います。 フェードイン時 カーソルを合わせた時 クリックするとにゅる〜んとページのトップへ戻ります。 設置手順1：jQueryの準備とHTMLの配置 まずはjQueryの設置とボタン表示用のHTMLを「フッタ」に配置します。 ※フッタに設置する理由は、ページの描画処理が上から順に行われるため ページの表示速度になるべく影響を与えないためです。 JQueryとHTMLを配置 はてなブログの管理画面から 「デザイ

[watto]

自分が使うかどうかはさておき、こうやって改造してるんだということでブクマ。[はてなブログ][jQuery]

[yang_hua]

参考になりました

[gucchon_7]

大変参考になりました！ありがとうございました^ ^

[keppiy]

す、すげー。まさにこれを探していた。おおおー。早速使わせてもらいますね。

[naoki0607]

非常に参考になりました！！ありがとうございます。

[shokutama]

わかりやすかったです。ありがとうございます。

[m340]

使用させて頂きました。ありがとうございました。

[asakumamasaru]

はてなブログで「ページトップ」へ戻るボタンの簡単な設置方法

[tacha42]

簡単にできました。

[Yacchae]

わかりやすかった〜

[livingcanada]

使用させていただきました。ありがとうございました☆

[akiho0119]

さっそく導入してみました．わかりやすい記事をありがとうございます．

[snow0303]

参考にさせていただきます。ありがとうございました！

[ta87523]

参考になりました。ありがとうございます！

[napeco]

助かりました！

[yuki53]

参考にさせていただきます！

[yoshihiroakai10]

勉強になりました。

[akabaneyama150]

ありがとうございます。

[hanabiagaru]

まさに探していた情報だったので助かります！早速使わせていただきました！ありがとうございます♪

[ranrinrun]

早速使わせていただきました！ありがとうございます！

[kunipi]

とても重宝します!ありがとうございます。

[maekeeeeen]

早速使わせていただきます。

[garadanikki]

早速設置させていただきます。ありがとうございました。