How do I make a webpage header sticky?

[Diave Inoz]

 

Hi!

I'm trying to make a webpage with a sticky "scroll to the top" button, and a sticky header. Instructions for something similar, except the header isn't sticky, are here...
https://www.w3schools.com/howto/howto_js_scroll_to_top.asp
Is there a way of making the header sticky that a novice can understand?

Edited May 31, 2023 by Diave Inoz

[Ingolme]

CSS can do it, it's pretty simple. You can read about the CSS position:sticky; in this tutorial page: https://www.w3schools.com/css/css_positioning.asp

[Diave Inoz]

On 6/2/2023 at 2:13 AM, Ingolme said:

CSS can do it, it's pretty simple. You can read about the CSS position:sticky; in this tutorial page: https://www.w3schools.com/css/css_positioning.asp

Sorry for my late reply but I was expecting an email when when someone responded to my post. Regarding my problem...I saw the tag "<div class="fixed-header"> on another example of how to put a sticky header on a webpage, and that worked.
I'm now having trouble with "jump to" links in the header not working properly, so that'll probably be another post for this forum.