Как называется такой эффект с шапкой сайта?

Question

[jarderRek]

https://voll.com.ua/

На этом сайте интересный эффект с шапкой, такие эффекты видел на многих сайтах. Ну, у меня не получается найти ничего про этот эффект. Подскажите пожалуйста, как делается такой эффект, или как он называется?

Comments

[Ankhena]

Самая простая реализация это position: sticky
На сайте примере с помощью js.

Или вы про анимированный фон?
https://www.vantajs.com/?effect=net

[jarderRek]

Ankhena, А, можно как-то отследить когда сработал position: sticky?
До срабатывания sticky:


Когда sticky вызвался, а точнее шапка дотронулась до ниже стоящего блока:

[jarderRek]

Ankhena, Спасибо огромное за vanta.js

[Ankhena]

jarderRek, посчитать, зная размеры блоков и прокрутку.

[jarderRek]

Ankhena, Это анимация при скролле?

[Ankhena]

jarderRek, да, просто изменяются классы хедера