JavaScriptでの要素のスクロール
次のプロパティは、要素がどれだけスクロールされたかを保持しています:
console.log(elem.scrollTop); // 上から
console.log(elem.scrollLeft); // 左から
次の例は、これらのプロパティの動作を示しています。 要素をスクロールしてボタンをクリックすると、スクロール量が表示されます:
要素とボタンがあります。ボタンがクリックされたときに、 要素が垂直方向にどれだけスクロールされているかを取得してください。
要素とボタンがあります。ボタンがクリックされたときに、 要素が垂直方向にスクロールされているかどうかを確認してください。
要素を一番下までスクロールしてください。 ボタンをクリックすると、可能な全体のスクロール量が表示されます。
要素のscrollHeightを取得し、
そこから可能な全体のスクロール量(前の問題から)を引いてください。
どのような値が得られますか?それはどのような寸法を含んでいますか?
offsetHeightと可能な全体のスクロール量を足し合わせてください。
その合計をscrollHeightの値から引いてください。
どのような数値が得られますか?