JavaScriptでの要素のスクロール

次のプロパティは、要素がどれだけスクロールされたかを保持しています:

javascriptconsole.log(elem.scrollTop);  // 上から
console.log(elem.scrollLeft); // 左から

次の例は、これらのプロパティの動作を示しています。 要素をスクロールしてボタンをクリックすると、スクロール量が表示されます:

Задание 1

要素とボタンがあります。ボタンがクリックされたときに、 要素が垂直方向にどれだけスクロールされているかを取得してください。

Задание 2

要素とボタンがあります。ボタンがクリックされたときに、 要素が垂直方向にスクロールされているかどうかを確認してください。

Задание 3

要素を一番下までスクロールしてください。 ボタンをクリックすると、可能な全体のスクロール量が表示されます。

Задание 4

要素のscrollHeightを取得し、 そこから可能な全体のスクロール量(前の問題から)を引いてください。 どのような値が得られますか?それはどのような寸法を含んでいますか?

Задание 5

offsetHeightと可能な全体のスクロール量を足し合わせてください。 その合計をscrollHeightの値から引いてください。 どのような数値が得られますか?