Javascript このページの先頭へ

多くのサイトで「このページの先頭へ」と見かける。

他のサイトを見るときにあまり使うことはないのだけれど、たまにはあった方がいいと想うこともあるから取りあえず入れてみた。

function backToTop() {
  var x1 = x2 = x3 = 0;
  var y1 = y2 = y3 = 0;
  if (document.documentElement) {
      x1 = document.documentElement.scrollLeft || 0;
      y1 = document.documentElement.scrollTop || 0;
  }
  if (document.body) {
      x2 = document.body.scrollLeft || 0;
      y2 = document.body.scrollTop || 0;
  }
  x3 = window.scrollX || 0;
  y3 = window.scrollY || 0;
  var x = Math.max(x1, Math.max(x2, x3));
  var y = Math.max(y1, Math.max(y2, y3));
  window.scrollTo(Math.floor(x / 2), Math.floor(y / 2));
  if (x > 0 || y > 0) {
      window.setTimeout("backToTop()", 25);
  }
}

このコードを外部ファイルにする場合のスクリプト

<script src="totop.jsへのバス" type="text/javascript"></script>

以下のコードを貼り付ける

<a href="#" onclick="backToTop(); return false">このページの先頭へ</a>

• 実際のサイト作り
• Yahoo!カテゴリに登録されることを目指そう！
• Javascript このページの先頭へ
• SEO
• ３語以上の複合キーワードでページタイトル作成しよう

このページの先頭へ