沖縄の不動産情報が見つかりますように(^▽^)o

西表島の住宅用地 139坪 更地   長浜アメリカン住宅




Top > スタッフBLOG:雑 記 > 『トップへ戻る』ボタンをアニメーション表示♪

2015年04月30日

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


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


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

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

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

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

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

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


sun 応援クリックお願いします sun

沖縄不動産 にほんブログ村 地域生活(街) 沖縄ブログ 沖縄県情報へ

『 にほんブログ村 沖縄情報 』

『人気ブログランキング』

上がって〜上がって〜上がって〜 ブログランキングに参加しています。 上がって〜
上のリンクをクリックして頂くと、1日1回有効の投票が出来ます。



上東商事[公式]サイトはコチラから♪
上東商事 Official Site
   

posted by kei at 16:55 | Comment(0) | スタッフBLOG:雑 記



この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。