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);