Sprungmarken als Navigationshilfe mit jQuery

Hi, ich bin der Chris, der Neue im Frontend-Team bei der joocom und in meinen ersten Blog-Beitrag möchte ich eine Möglichkeit zeigen, wie man Seiten mit längeren Texten schnell Benutzerfreundlicher gestalten kann. Dazu lassen wir uns durch jQuery aus den Überschriften unseres Content-Bereiches dynamisch eine Sprungmarken-Navigation generieren.

Durch den Einsatz weicher Scroll-Animationen, sieht das ganze nicht nur netter aus, sondern der User weiß so auch wo er nun auf der Seite ist und warum sich der Inhalt veränderte.

Damit ihr das ganze direkt ausprobieren könnt habe ich meinen Code mit Kommentaren versehen und auf jsFiddle gepackt:
http://jsfiddle.net/ruyty – Viel Spass damit!