How can change the image of the header when scrolling?

I want to know the changing image of the header when I scroll.

Like this


Start to white letter logo and change black letter logo.

I’ve done it up to here. Change the menu color of the header.

I saw this link, but I can’t solve problem.
This link isn’t about the header.

Anybody help please. Thanks

If I’m understanding it correctly, you want the header to move up when the page is scrolled down?

If so, I don’t think you can do it like in the examples shown without using a custom element to track the scrolling, and then run an animation on the header element.

Um… You are misunderstood. I want to change the logo image in the header when I scroll. For example screenshot. It looks so close, you can see that starting with a white letter logo and changing to a black letter logo.

I found this. This is what I wanted.

I would like to know this either! :joy: