JavaScript でスクロールバーの位置を取得するにはどうすればよいですか?

JavaScript を使用したスクロールバーの位置の取得

ブラウザ内のスクロールバーの位置を検出することは、ページ内の現在のビューの位置を決定するために重要です。サムとトラックの高さを追跡する複雑なメソッドに依存する代わりに、JavaScript はよりシンプルなソリューションを提供します。

スクロールバーの位置にアクセスするには、プロパティ element.scrollTop と element.scrollLeft を利用できます。これらのプロパティは、スクロールされた垂直オフセットと水平オフセットをそれぞれ提供します。ページ全体のスクロールをキャプチャしたい場合、要素は document.body を参照できます。

パーセンテージを計算するには、これらの値を element.offsetHeight および element.offsetWidth と比較できます。これらのプロパティの使用方法を示すコード スニペットを次に示します。

// Get the scrollbar positions
const scrollTop = document.body.scrollTop;
const scrollLeft = document.body.scrollLeft;

// Calculate the scroll percentages
const scrollTopPercentage = scrollTop / document.body.offsetHeight;
const scrollLeftPercentage = scrollLeft / document.body.offsetWidth;

// Log the scrollbar positions and percentages for debugging
console.log('Scrollbar Positions: Y: ', scrollTop, ' X: ', scrollLeft);
console.log('Scrollbar Percentages: Y: ', scrollTopPercentage, ' X: ', scrollLeftPercentage);

これらのプロパティと計算を使用すると、ブラウザ ウィンドウ内のスクロールバーの位置を効果的に決定し、ページ内の現在のビューの位置を特定できます。が見つかります。

以上がJavaScript でスクロールバーの位置を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。