Scrolleffekte

[Mario097]

Hallo,

war mir nicht sicher zu welchem Thema das passt, aber ich wollte nur wissen wie man solche scrolling-effekte einbaut oder wie man das macht

Link: http://www.gramercyparkhotel.com/

einfach mal scrollen dann wisst ihr was ich mein.

 

[SpiceLab]

Mit CSS alleine wurde das nicht realisiert, sondern unter Zuhilfenahme von JavaScript (siehe u.a. offsetTop-Eigenschaft, zum Abfragen/Handling der einzelnen Bereiche/Inhalte mit ihren spezifischen Startpositionen vom oberen Elternelement-/Fensterrand, bei deren Erreichen sie jeweils eingeblendet werden).

Der Quellcode der genannten Seite gibt darüber auch nähere Auskunft

Interessant, was hier mit dieser technischen Umsetzung der Besucher bei deaktivierter JS-Unterstützung im Browser an Inhalten präsentiert bekommt Stichwort: Unobtrusive JavaScript!

 

[Jan-Frederik Stieler]

Hallo,
das wird auch als Parallaxscrolling bezeichnet.

http://prinzhorn.github.com/skrollr/ (ist glaube ich auch als User hier angemeldet)

Hier noch einige Seiten mit Links zu jQuery Plugins:
http://smashinghub.com/7-jquery-parallax-and-scrolling-effect-plugins.htm
http://www.designzzz.com/jquery-parallax-plugins/
http://www.impressivewebs.com/parallax-scrolling-scripts-plugins/

Viele Grüße

 

[SpiceLab]

http://prinzhorn.github.com/skrollr/ (ist glaube ich auch als User hier angemeldet)

Siehe CPoly.

Zumindest in seinem Demo bleibt der Inhalt trotz abgeschalteten JS zugänglich ;-)

 

[CPoly]

Die verlinkte Seite verwendet skrollr, welches bereits genannt wurde und von mir entwickelt wird.

Man kann durchaus auch websites erstellen, die ohne JS noch benutzbar sind. Beispiel http://www.evanshalshaw.com/bondcars/index.html Hängt ganz davon ab, wie viel Budget man hat.

 

[Mario097]

Danke für die vielen Antworten

Achja bei einer der vielen Links habe ich bemerkt dass das nicht die Standard Scroll-leiste is wie geht das ? mit Js oder css?

 

[SpiceLab]

Achja bei einer der vielen Links habe ich bemerkt dass das nicht die Standard Scroll-leiste is wie geht das ? mit Js oder css?

Zwecks Browserkompatibilität mit ersterem

 

[Mario097]

was ist ersterem ?

 

[SpiceLab]

Na, deiner Fragestellung nach JavaScript

 

[Mario097]

aso also ist es eine "funktion" in Javascript wie z.B font-size bei css oder ?
sry falls ichs nicht blicke