How to use fixed positioning for only a little bit

HTML & CSS
1

How would i go about using CSS to make a nav menu with absolute positioning then when scrolled a little make it switch to fixed, so the menu always stays at the top. Kind of like this website http://www.pipedigital.com/ -Thanks

2

It’s done exactly as you’ve described, it’s done with javascript. When window.scrollTop is greater than a specific point it adds position: fixed to an element.

That site uses StickyScroller
http://www.vertstudios.com/blog/jquery-sticky-scroller-position-fixed-plugin/

There’s other implementations like ScrollSpy.

3

use nav fixed and z-index

4

Ok, thanks.