こんぱすコーチの全方位日記

多くのWebページで、ページ最下部に「このページのトップへ」という
バナーリンクがありますよね。
このバナーをクリックすると、画面が一気にスクロールアップして、
ページの先頭に戻ってくれます。

僕が作成しているWebにもだいたいしつらえてあったりします。
たとえばこれ。



『ズーム防災株式会社』という会社のトップページですが、
やはりここにも「このページのトップへ」バナーがあり、
クリックするとページの先頭に戻ります。

ところがこの動きが一瞬のできごと。
今までは特に気にはなりませんでしたが、
とある別のWebサイトでは、
ゆっくりとなめらかに戻っていく様子を発見しました。

「ん!?　この動きはどうやって表現するんだろう？」

しばらくの間、僕の中では謎になっていたのですが、
それが最近になってJavaScriptがベースになっている
『jQuery』というWebプログラミング言語によって
実現していることが分かりました。

『jQuery』は、Flashよりも遙かにデータサイズが軽く、
しかしWebサイトを訪れた人を優しく丁寧に導くための
さまざまな仕掛けが構築可能です。
したがってFlashに続く、
次世代のプログラミング言語と言われています。

というからには、僕もチャレンジしない理由はありません。

いろいろとネット検索を駆使して調べていくと、
意外に簡単にセットできることが分かりました。

で、『日本コーチ協会・埼玉チャプター』の
ホームページにさっそく搭載してみました。



「このページのトップへ」というバナーをクリックすると、
スルスルスルッという感じでページの先頭へ戻っていきます。
なかなか良い感じです

【送料無料選択可！】Web制作の現場で使うjQueryデザイン入門 (WEB PROFESSIONAL) (単行本・ム... 価格：3,497円（税込、送料別）