T-Rex: fade-in / fade-out menü durch scrollen!

Beitrag lesen

Moins,

das sieht zwar spektakulär aus, aber rein programmiertechnisch ist das nix :D.
Du musst mittels Javascript gucken wie weit runter gescrollt wurde. Wenn ein gewisser Punkt überschritten bzw. unterschritten wurde passiert etwas. Der JS Code sieht ungefähr so aus
window.onscroll = function() {
    if( window.scroll > 100 )
   {
       unsichtbar
   } else {
       sichtbar
   }
};

Bei dem Menü kommt noch hinzu dass eine css Klasse mit Transition aktiviert bzw. deaktiviert wird. Mit Transition bekommt man mittels css eine Bewegung der Objekte hin. Sieht bei Browser die das unterstützen ganz nett aus. Tjo diese Bewegung macht nix weiter als das Menü runter zu fahren. Wahrscheinlich von margin-top -20px zu margin-top: 0px oder so.

Hoffe ich konnte dir helfen

Gruß
Beweglicher
T-Rex