Если прокрутка экрана больше высоты хедера, то присвоить блоку top: 0; Как реализовать?

Question

[Megalexandros]

Если прокрутка экрана больше высоты хедера, то присвоить блоку top: 0;

Answer 1

[Mesuti]

Answer 2

[Никита Михайлов]

Цель именно в JS? Если нет, то просто используйте

.header {
  position: sticky;
  top: 0;
}

Comments

[Megalexandros]

Дело в том, что этот блок идет под хедером, если добавить top: 0; то блок перекроет хедер, а мне нужно, что бы top: 0; применился при прокрутке высоты хедера

[Владимир]

Megalexandros, https://css-tricks.com/position-sticky-2/

[Megalexandros]

Или можно вот еще как, при скролле определенного блока, применяется свойство top: 0;

[Megalexandros]

Владимир, тогда блок налезает на хедер...)

[Никита Михайлов]

https://jsfiddle.net/n5mfgzjq/

При таком подходе не наезжает. Начинает срабатывать ровно в момент, как прокручена шапка и фиксируется в top: 0

Или я как-то не так понимаю цель задачи?