スクロール量を取得する方法
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
y = 0
関連記事
- スクロールをする方法
- 絶対的、相対的に位置を指定して、スクロールします。
- 指定文字を置換、削除する方法
- 文字列の中の指定した部分を置換したり削除します。
- スクロール中だけスタイルを適用する方法
- スクロール中だけスタイルを適用するには、classListとsetTimeout()を利用します。
- クリックした位置を取得する方法
- マウスでクリックした位置を取得するには、eventオブジェクトのpageX、pageYを参照します。
- 要素の位置座標を取得する方法
- 指定した要素の位置座標を取得します。