陽だまりの中で

~香川フリーランスのぼやき~

たったこれだけでストレス軽減!TOPへ戻るボタンの導入方法

f:id:hidamarinonakade:20140218193539j:plain

はじめに

こんばんわ。かなたです。

記事を読んでいて、TOPに戻るのがめんどくさいなぁと思ったことはありませんか?

私は何度かあるのですが、そういったときに右下などにTOPへ戻るボタンがあると楽ですよね♪

今回は「TOPへ戻る」ボタンの実装方法についてお話していきます。

 

 

いざ実装!

実装方法はいたって簡単なのですよ。

以下のコードを張り付けて、画像を用意するだけ!

ヘッダ部分

フッタ部分

デザインCSS部分

 

 

おわり

貼り付けはたったこれだけです!

あとはフッタ部分のコードを画像URLに書き換えるだけ!

ね?いたって簡単だったでしょう?

これでちょっとしたストレス軽減につながるかもしれませんね^^

 

 

まとめ

  1. TOPへ戻るボタンの実装はいたって簡単
  2. ボタン画像はオリジナリティのあるものを使うと個性アップ!
    ストレスをすっきり消し去る71の技術

    ストレスをすっきり消し去る71の技術