『トップへ戻る』ボタンをアニメーション表示♪

ＧＷですね〜♪
那覇は交通量がメッキリ減ったように思います。仕事中の移動もスムーズです。＾＾
大企業は、１６連休〜とか聞いたりしますが．．．
．．．みなさ〜ん、一緒に頑張りましょ〜☆＾＾


さて、縦に長〜いサイトは、ページの中段や下段に『このページのトップへ戻る』リンクを用意したりしてますが、リロードしたりせずにもっとスムーズにスクロールさせたいと思い探してみました。

右下に設置したボタンを押すと、サイトの上段まで自動でスクロールしてくれます。
一番上を表示している状態では、隠れるようになっています。
もちろん、私の知恵でスクリプトを考えたわけではありません。(＞▽＜；； ｱｾｱｾ

とっても参考になったサイト様。と言うか丸ごと真似してます。
jQueryでスクロールすると表示する系いろいろ
http://www.webopixel.net/javascript/538.html

ＣＳＳ（スタイルシート）をいじるので、ちょっと間違うとサイト全体が崩れてしまいますので、先にＣＳＳ全文をメモ帳にコピーします。
これで安心。＾＾
あとは、上記サイト様で勉強（調整）したものを入力すると、無事に表示できました。
分からない時は、ＤＥＭＯページでソースを表示すると、もっと参考になります。

ちなみに、このサイトのボタン出現位置は、800に設定しています。スピードは1200。

便利♪感謝♪お試しあれ〜♪