Sometimes it happens that the header is not at the top of the page, it is placed somewhere at below the top of the page and then you want functionality that when you scroll down and where the header is at top then it should be placed fixed there until you scroll up.
Then follow these steps there is simple js and css code which is shown below