Hogy lehet ilyet készíteni?

<ul class="nav unstyled"><li><a href="#work"><font><font>Munka</font></font></a></li> <li><a href="#what-we-do"><font><font>Mit csinálunk</font></font></a></li> <li><a href="#who-we-are"><font><font>Kik vagyunk?</font></font></a></li> <li><a href="#contact"><font><font>Érintkezés</font></font></a></li></ul>

Valami ilyesmi. Ez csak kimásoltam a Fejlesztői eszköz panelből.

A példában ehhez egy section elemet használtak, de ugyanúgy megoldható div elemmel is.

Alapállapotban a div elem egy abszolút pozíciójú 100% szélességű elem.

Ha a görgetés event elér egy bizonyos magasságot ( [link] - amit javascripttel levizsgálsz - akkor a div-hez hozzáadódik egy extra class, amitől az elem fixed pozíciójú és adott magasságú lesz (+ a benne lévő elemek is átrendeződnek).

A megváltozott div alatti elem (ez is div) magas top marginnel rendelkezik, amitől olyan mintha a felső div alatt kezdődne, pedig "mögötte" helyezkedik el.

Ha a scroll event egy bizonyos szint alatti értéket mutat (feltekerünk az oldal tetejére), akkor jqueryvel megvonjuk az extra (fixáló) class-t a div elemünktől.

Azt nem tudok, de itt elég jól leírják a témát:

[link]