さいごにスクロールに関するプロパティスクロールを操作する際に覚えておくとよいプロパティの知識について紹介します。scrollTopscrollTopはスクロールの一番上から現在のスクロール位置までのピクセル数を保存するプロパティです。スクロールの開始位置が一番上のスクロールの場合、scrollTopの値は上から下にスクロールされたピクセル数を意味することになります。scrollTopには任意の値を設定できます。この性質を利用することでスクロールを任意の位置に移動させられます。画面の拡大縮小を利用した場合、scrollTopは小数になることもあります。scrollHeightscrollHeightは画面から見えない部分も含めたスクロール全体の高さを表す読み取り専用のプロパティです。scrollHeightの高さの定義はclientHeight(後述)と同じで、paddingは含まれますが、境界線・margin・水平スクロールバーは含まれません。scrollHeightとclientHeightの違いについてclientHeightとは要素の高さを表す読み取り専用のプロパティです。scrollHeightは画面から見えない部分も含めたスクロール全体の高さを表すのに対し、clientHeightは画面上に見えているスクロール部分の高さを表します。スクロールのプロパティに関するサンプルコードscrollTop、clientHeight、scrollHeightの具体的な値を示したサンプルコードを紹介します。CodePen.スクロール位置の操作メソッドscrollToscrollToはスクロールを指定した位置に移動させるメソッドです。y-coord)とscrollTo(options)の2通りがあります。1x-coordには水平方向の、y-coordには垂直方向のピクセル数を指定します。behaviorをプロパティに持つオブジェクトです。leftには水平方向の、topには垂直方向のピクセル数を指定します。behaviorでスクロールのアニメーションが指定できます。behaviorの種類にはsmooth、instant、autoがあります。CodePen.scrollIntoViewscrollIntoViewは要素が見える位置まで親要素をスクロールするメソッドです。scrollIntoViewは親要素をスクロールするため、スクロール自体にscrollIntoViewを適用してもうまくスクロールが移動しないので注意が必要です。scrollIntoViewを利用する際はスクロール要素に子要素を追加し、子要素に対して適用させます。scrollIntoViewの引数の指定方法はscrollIntoView(scrollIntoViewOptions)とscrollIntoView(alignToTop)の2通りがあります。behaviorをプロパティに持つオブジェクトです。inlineには水平方向の、blockには垂直方向の配置を指定します。nearestがあります。behaviorでスクロールのアニメーションが指定できます。behaviorの種類にはsmooth、autoがあります。alignToTopには真偽値が指定できます。