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.