SYNCERのロゴ
アイキャッチ画像

スクロール量を取得する方法

JavaScriptで、ページ内の現在位置(スクロール量)を取得するには、window.pageYOffsetを参照します。

サンプルコード

pageXOffsetがページの左端から水平方向の、pageYOffsetが上端から垂直方向のスクロール量(ピクセル単位の数値)です。横スクロールが発生するサイトはあまりないので、参照する機会が多いのは後者でしょう。

// 水平方向
var x = window.pageXOffset ;

// 垂直方向
var y = window.pageYOffset ;

デモ

このページでのスクロール量を取得して表示しています。

var x = window.pageXOffset ;
var y = window.pageYOffset ;
x = 0
y = 0
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年6月22日 (木)
コンテンツを公開しました。