wie wurde dieses Teil das beim Scrolen hochkommt programmiert?

[Cedi44]

Hei Leute

Wer weiss wie man diesen Abschnitt der da hoch kommt programmiert? Oder was es für einen Effect ist...;)
Hier der Link dazu: Visual Design Portfolio of Marc Mendell | marcsdesign

was fantastisch wäre wenn jemand einen Tutorial dazu kennt oder Weiss ;D

gruss cedi44

 

[scbawik]

Eine Möglichkeit die mir spontan einfällt:

Hintergrund-Ebene (mit dem iPad) als fixiertes Div (position:fixed;).
Unteres (graues) Div mit Menü liegt ganz normal im Body und hat die "margin-top"-Eigenschaft mit ca "60%". Der Scroll-Effekt sollte damit schon erzielt werden.

Jetzt nur noch eine JavaScript 'onscroll'-Abfrage, ob die oben erwähnten 60% gescrollt wurden.

Wenn JA -> Zeige ein zuvor verstecktes, fixiertes Menü-Div an.
Wenn NEIN -> Blende dieses Div weiterhin aus.

So oder so ähnlich könnte man sowas machen :)

PS: Empfehle hierfür die Verwendung von jQuery, macht es um einiges einfacher.

 

[T4k3C4r3]

Das ganze scheint auch ohne Javascript/jQuery zu funktionieren.

Grüße

 

[scbawik]

Also die oben genannte Seite funktioniert ohne JavaScript nicht. Aber für was auch?

 

[Matze27]

Hallo,
das ganze nennt sich parallax scrolling. Einfach mal googeln, da gibt es echt schöne tutorial zu.