ブラウザ画面に関連

1.ウィンドウの幅と高さ

window.innerWidth
window.innerHeight

document.documentElement.clientWidth
document.documentElement.clientHeight

windowオブジェクトのドキュメントではありません.documentElementに書き込む理由
Windowsオブジェクトは、計算をスクロールバーが占める部分にマージします.
document.documentElementには、スクロールバーが占める部分は含まれません.

2.ドキュメント全体の幅と高さ、スクロールマスク領域を含む

let scrollHeight = Math.max(
  document.body.scrollHeight, document.documentElement.scrollHeight,
  document.body.offsetHeight, document.documentElement.offsetHeight,
  document.body.clientHeight, document.documentElement.clientHeight
);

3.現在のスクロール情報を読み込む

window.pageYOffset/pageXOffset
Window.scrollX/scrollY

4.スクロール状態の変更

window.scrollTo(pageX,pageY)-絶対座標

window.スクロールBy(x,y)-スクロール情報

を現在のスクロール状態に対して変更する.

elem.「IntoViewをスクロール」(スクロール)-elemが表示されるようにスクロール状態を変更します(セルをウィンドウの上部と下部に露出します).

1番は、スクリーン上のマスクを含むドキュメント全体に正確に配置されます.
2つ目のオプションは、現在のスクロール条件から移動します.
3番はターゲット(元素)を一番上または一番下に露出します.

適用

最後の位置に着いたとき.window.innerHeight + window.scrollY === document.body.offsetHeightウィンドウ幅+スクロール漢陽==documentが持つHeightと同じ

ソース

ブラウザウィンドウのサイズとスクロール