JavaScriptで要素のコンテンツが垂直にスクロールされたピクセル数を設定または返す方法は?


要素の垂直方向のスクロールされたコンテンツのピクセル数を設定または取得するには、scrollTopプロパティを使用します。このプロパティは、要素の上端からスクロールされたピクセル数を表します。

例えば、以下のように使用できます。

// スクロールされたピクセル数を取得する
const scrolledPixels = document.getElementById("myElement").scrollTop;

// スクロールされたピクセル数を設定する
document.getElementById("myElement").scrollTop = 100;

また、scrollBy()メソッドやscrollTo()メソッドを使用して、要素をスクロールすることもできます。例えば、以下のように使用できます。

// 100ピクセル下にスクロールする
document.getElementById("myElement").scrollBy(0, 100);

// 上端までスクロールする
document.getElementById("myElement").scrollTo(0, 0);


About the author

William Pham is the Admin and primary author of Howto-Code.com. With over 10 years of experience in programming. William Pham is fluent in several programming languages, including Python, PHP, JavaScript, Java, C++.