How to make web page content scroll over a fixed header?

Question

I have a fixed header element which stays fixed to the top of the page when a user scrolls down. I've created this jsfiddle to demonstrate how this looks.

How can I make the content element scroll over the top of the header element instead of scrolling underneath? I tried adding z-index: 99999; to content but this had no effect.

Andrei Terecoasa · Accepted Answer · 2014-05-25 09:06:55Z

1

Minor modification: add

z-index:-1;

to header { }

answered May 25, 2014 at 9:06

Andrei Terecoasa

5722 gold badges7 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

henrywright Over a year ago

Thanks for the very simple solution! appreciated (apparently I can't accept until 7 minutes time)

Collectives™ on Stack Overflow

How to make web page content scroll over a fixed header?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related