Есть примеры реализации данной верстки?
https://markgoodyear.com/labs/headhesive/  == называется фиксированный header при скролле
Пример разбери ;) в учебнике https://learn.javascript.ru/onscroll#аватар-наверх...