Dark Decipio

Hi.

Ich bin in letzter Zeit sehr begeistert von Scroll Events oder wie man diese nennt
Inspiriert wurde ich von den beiden Seiten
http://www.dangersoffracking.com/
http://editsquarterly.com/
Meine Frage ist es, wie kann man mit dem einfachen Scrollen solche "Events" machen? Also die Animation von Sachen usw.

Hoffe Ihr könnt mir helfen oder welche Tutorial Seite zu zeigen

DAnkee

Mister Ad

Chriz

Hi,

die Frage ist doch sehr allgemein gehalten .. Eigentlich musst du ja nur eine sehr sehr lange Website machen und beim Erreichen bestimmter Scrollbereiche bestimmte Elemente auf position:fixed setzen (damit sie nicht mitscrollen, sondern stehenbleiben).

Wie genau ist deine konkrete Frage? Versuch dich doch mal an einer kleinen Variante und bastel etwas mit position:fixed und z-index (zum Verschwinden wie beim LKW im Lager).

__________________
"Nuschel ich?" - "Was?"

Dark Decipio

Also das mit dem LKW usw begreife ich. Jedoch, wie kann ich ab einer gewissen Position die position:fixed auf relative oder so stellen?

Also das was mich vor allem fasziniert ist der 2. Link die verschiebungen der Divs oder so. also dass der erste Bildschirm "heraufgezogen" wird und darunter ein weiterer Bildschirm hervor kommt, der erst bei vollem Zeigen gescrollt werden kann.

Irgendwie ist es echt schwer zu erklären sorry :/

Chriz

Du fragst bei jedem Scrollen den Y-Wert ab und wenn der einen bestimmten Wert erreicht änderst du die CSS Eigenschaft.

__________________
"Nuschel ich?" - "Was?"

rudygotya

Für die Animationen wird beim 2. Link jQuery easing und $.animate benutzt. Wär je nach Browser noch eindrucksvoller, wenn er transitions mithilfe von transform (gecko, opera, webkit)/transform3d (bisher nur im webkit verfügbar) verwenden würde - wie bei der tutorial-Seite von AJ Sontag.

Die Effekte von jQueryUI bringen das easing plugin bereits mit.

__________________
++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++
Blog

Dark Decipio

Mh. Danke für die Links.

sieht echt komliziert aus.. Werde mich einmal versuchen einzuarbeiten...

Danke

nikosch

Ich finde solche Seiten meistens furchtbar. Scrollen nervt, erst recht wenn sie die Gegebenheiten ständig ändern und man nicht einschätzen kann, wie lange man noch scrollen muss.

Je nachdem, was Du erreichen willst, brauchst Du vielleicht auch gar keine Events und JS-Hokuspokus: http://www.askthecssguy.com/2009/01/...y_about_a.html

__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--

Dark Decipio

Ob furchtbar oder nicht ist natürlich Geschmackssache...
Mit dem Scrollen muss ich dir bei dem ersten Link recht geben.
Jedoch finde ich die Navigation mit den Pfeiltasten beim Link 2 genial, und fügt man irgendwo eine dezente Navigation ein, bei der man immer sieht, wo man sich auf der Seite befindet, sieht es echt super aus und ist produktiv.

Und danke noch für den Link