Having a section first on top before the navigation bar, and when scrolled the navbar will stick on top

Question

This is what I want to do. An Image section on top before the navigation bar. After scrolling on the image section on top the navigation bar will stick on top. How can I do that?

See the Attached Photo for example

Please go through this link https://stackoverflow.com/questions/19158559/how-to-fix-a-header-on-scroll — Swanand Taware, Mar 17 '18 at 03:57

score 0 · Accepted Answer · answered Mar 15 '18 at 03:53

0

Set the element to position: sticky and then give it the position you want it to stick at (top: 4rem, etc.). It will have relative position within its block, then and then will stick in position as the block is scrolled past.

answered Mar 15 '18 at 03:53

John Meade

142
6

Thank you for your answer :)) – Je Rome Roldan Mar 15 '18 at 08:55

Having a section first on top before the navigation bar, and when scrolled the navbar will stick on top

1 Answers1