JavaScriptでウィンドウのスクロール位置のX/Y座標を取得する方法

1. window.pageXOffsetとwindow.pageYOffsetを使用する方法:

const scrollX = window.pageXOffset || document.documentElement.scrollLeft;
const scrollY = window.pageYOffset || document.documentElement.scrollTop;
console.log("X座標:", scrollX);
console.log("Y座標:", scrollY);

2. window.scrollXとwindow.scrollYを使用する方法:

const scrollX = window.scrollX || window.pageXOffset;
const scrollY = window.scrollY || window.pageYOffset;
console.log("X座標:", scrollX);
console.log("Y座標:", scrollY);

3. document.documentElement.getBoundingClientRect()を使用する方法:

const { left, top } = document.documentElement.getBoundingClientRect();
const scrollX = -left;
const scrollY = -top;
console.log("X座標:", scrollX);
console.log("Y座標:", scrollY);

これらの方法は、ウィンドウがスクロールされたときに現在のスクロール位置の座標を取得するために使用できます。ブラウザによっては、一部のメソッドがサポートされていない場合がありますので、適切な方法を選択してください。