css - cssはスクロール位置に基づいてdivのサイズを変更します

Question

これを行う方法はJavaScriptですが、cssとメディアクエリを使用して同じ結果を達成することは可能ですか.

ウィンドウのスクロール位置が 100 より大きい場合は、「myDiv」の高さを 100px にサイズ変更し、ウィンドウのスクロール位置が 100px 未満の場合は、「myDiv」の高さをデフォルト値にサイズ変更します。

Answer 1

いいえ、CSS でこれを行うことはできません。現在のビューポートの位置/スクロール バーに基づいてビューを操作する場合は、JavaScript が必要です。