Как сделать так чтобы шапка веб-страницы меняла свой вид при скролле?

Question

[Камиля Аскарова]

В общем, хочу сделать так, чтобы во время открытия веб-страницы шапка была прозрачной, но при скролле вниз нужно, чтобы она становилась белой. Для точного понимания вопроса вот пример:

https://www.massimodutti.com/ru/

И также вопрос, можно ли это осуществить на чистом css и html?

Answer 1

[Андрей Ламзин]

Примерно так

window.addEventListener('scroll', (evt) => {
    if (window.scrollY > 30) {//Условно
       //тут анимацию сами придумаете
       $('#headId').css('opacity', 1);
   }
})