[kassiopeia333]

Hallo zusammen,

ich habe eine kurze Frage zum Thema Scrolling auf Websites.

Ich würde gerne ein Layout auf die Beine Stellen, dass über mehrere Bildschirmseite nach rechts scrollt - bzw. aus dem rechten Bildschirm rand in Richtung Bildschirm.

Geplant ist, dass das lauter einzelne bildschirmfüllende Div-Container sind, die über Links oder Buttons direkt angesteuert werden können.

Auf der Startseite sind also ein paar Links die direkt auf die Div-Container ausserhalb des Bildschirm verweisen und bei Betätigen dort hin scrollen.

Hier nun meine Frage: Wenn ich die Navi einfach als Link auf die einzelnen Div-Container einbaue, springt der Bildschirm-Ausschnitt ohne Zwischenschritte direkt auf den jeweiligen DIV-Container.

Ich hätte aber gerne, daß alle Div-Container die dazwischen liegen durchgescrollt werden, so daß der Eindruck einer "flüssigen Bewegung" von rechts nach links entsteht.

Als Beispiel: http://vanityclaire.com/#home

Weiss jemand hier, wie man dieses flüssige "Weiterblättern" oder "Durchscrollen" simulieren kann ohne dass der Bildschirm-Ausschnitt direkt auf den jeweiligen DIV-Container springt?

MFG

[immerIch]

Dazu wirst du auf Javascript zurückgreifen müssen.
Für die Js-Bibliothek "jQuery" gibt es ein Plugin namens "ScrollTo", was eig. genau auf deine Beschreibung passen müsste.

Gruß

[fyll]

Mit CSS3-Transitions müsst das auch möglich sein ohne JS für aktuellle Browser.
Mal nach CSS3 transition slider oder so googeln...