Navgiation Bar soll erst nicht mehr scrollen, wenn sie am Bildschirmrand angekommen ist

Hey Leute,
ich habe folgendes Problem: Ich habe eine Seite erstellt, auf der ganz oben zwei Überschriften sind und darunter eine Navigation Bar. Jetzt will ich, dass wenn ich scrolle sich die Navigation Bar mitbewegen soll, bis sie den oberen Bildschirmrand erreicht hat, danach aber dort „kleben“ bleiben soll. Ist das überhaupt möglich mit CSS(3) oder brauche ich dafür Java-Script? Hier ist noch mein HTML Code:

[HTML]

Reisetagebuch

Reisetagebuch

Unsere Reisen durch Amerika

        <nav>
            ...
        </nav>

    <div id="content">
    ...
    </div>

[/HTML]

Sollte mit Java Scripf (JQuery) umsetzbar ein.