Представьте себе красивый и высокий header веб-сайта с большим количеством отступов сверху и снизу от содержимого. Когда вы прокручиваете вниз, он сжимается, уменьшая часть заполнения рабочей области, освобождая экран для другого контента.
#css
https://webformyself.com/kak-sozdat-umenshayushhijsya-pri-prokrutke-header-bez-javascript/