Navigation beim scrollen erscheinen lassen

Mit HTML und CSS allein kommt man da leider nciht weit, da diese techniken bisher noch keine Möglichkeit haben hreauszufinden, wann gescrollt wird. Hier brauchst du JavaScript.

Und wie für (so gut wie) alles andere auch gibt es in JS für das "Event" scrollen einen "Eventhandler". JS schaut also fortwährend nach, ob dieses Ereignis durch den Nutzer gestartet wird und führt dann entsprechend Code aus. Um nun zu testen, ob die Seite gscrollt wird, ist der Handler der folgende:

document.addEventListener("DOMContentLoaded", function() { //Sicherstellen, dass die Seite geladen wurde
    window.addEventListener("scroll", function() { // Den Listener zum scroll Event bauen und als Handler eine anonyme Funktion
        /**
         * Hier kommt dann dein Code für die einzublendende Leiste
         */
    });
});

Inhalt des event-listeners könnte eine abfrage sein, wie weit gescrollt wurde. Wenn z.B. über 50px runtergescrollt wurde könntest du dein Menü einblenden

Und noch ein Tipp: Versuche, soweit möglich, das Ganze als sogenanntes "Progressive Enhancement" aufzubauen. Soll heißen, dein JS blendet die Leiste schön ein und aus, wenn es funktioniert, sollte aber kein JS da sein (weil NoScript Addon etc), sollte es trotzdem noch funktionieren.

Also, erstmal mit HTML und CSS eine ständig am oberen Rand klebende Leiste bauen und diese dann mit JS erstmal ausblenden um sie beim Scrollen wieder anzeigen zu können.

Da es bei solchen Sachen meistens eine normale, mitscrollende Navigation gibt wuerde ich das eher nicht machen, sonst hat man auf einmal zwei Navigationen..