Making simple ✨scroll-adaptive✨ header

Here's a hook that does the same, but with an intersection observer instead of a scroll event, for perf😁

Great work!

Use this: animation-timeline: scroll(); animation-name: changeHeaderColor; animation-range: 0px 1px; animation-fill-mode: forwards; Instead of js scroll tracking

useEffect + ref ?? bro?

i want to see you do better lmao

screen video pake apa bg

@screenstudio kak

I like the idea, I will put it in my next project.

I build this feature using states to track and apply scroll conditions with tailwind here =>

Interesting, Nice!