ページトップに戻るJavaScriptの多分一番簡単な方法

web

フッターによくある「↑ページトップに戻る」ですが、単なるページ内リンクで処理してしまえば瞬間的にページトップに画面が移り変わってしまいます。

それはそれで目的を果たせているのですが、最近のサイトでよく見かけるものはフッターからトップに戻るときの動作がゆっくりするするとページの上にスクロールしながら戻ったりするものが多いですね。

これはカッコがいいとかの見た目の演出だけの問題ではなくて、ページの下部からトップに戻っているということが確実に実感できるので、ユーザービリティ的に優れていると思うのです。

さて、これを実装する方法は幾つかありまして、有名なのは「smoothscroll」というもの。これで検索するとたくさん見つかるので設置に苦労はしないでしょう。

もっと簡単にやりたい場合は、こんな方法もあります。

HTML

JavaScript

と、とてもお手軽です(=‘X’=)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">