JavaScriptでの要素のスクロール変更
要素のスクロール位置を含むプロパティは、
変更することができます。この場合、要素は
指定された値までスクロールします。
例えば、要素を上から200pxの位置に
スクロールさせてみましょう:
elem.scrollTop = 200;
次に、要素を現在の値から
100px下にスクロールさせます:
elem.scrollTop = elem.scrollTop + 100;
では、要素を最下部にスクロールさせましょう:
elem.scrollTop = elem.scrollHeight - elem.clientHeight;
要素とボタンが与えられています。
ボタンをクリックしたときに、
要素を垂直方向に100px、
水平方向に50pxスクロールさせてください。
要素とボタンが与えられています。
ボタンをクリックしたときに、
現在のスクロール位置から50px下に
要素をスクロールさせてください。
要素とボタンが与えられています。 ボタンをクリックしたときに、 要素を最上部にスクロールさせてください。
要素とボタンが与えられています。 ボタンをクリックしたときに、 要素を最下部にスクロールさせてください。