Appearance of a fixed header when scrolling the page?

Question

css

Guys, hello) I stumbled upon the site and would like to know how to make the same "animation" of the appearance of the cap
I would be happy to help)

Answer 1

using js to track page scroll. on a certain number of pixels (100 for example) you assign some class to the header. you prescribe the necessary styles to this class, including position: fixed. when scrolling by a smaller number of pixels, you remove the class