Der Martin: Bewegung nach Scrollen

Beitrag lesen

Hallo,

Ich will den "Effekt" erzielen, dass ein Auto (img) beim herunterscrollen von A nach B (links nach rechts) fährt.

das hattest du schon gesagt - bis auf das irrelevante Detail, dass es um ein img-Element geht, das ein Auto darstellt.

ist das überhaupt möglich, also das links nach rechts fahren auf "einer Linie"?

Natürlich. Aber wohl nicht mit CSS allein, da wird der Einsatz von Javascript unabdingbar sein. Mit dem Eventhandler onscroll reagierst du überhaupt mal auf die Tatsache, dass gescrollt wird. Dann kannst du scrollTop des body-Elements abfragen, zu scrollHeight ins Verhältnis setzen, und daraus die x-Koordinate für dein img-Element ermitteln. Das könnte seinerseits 'fixed' auf die gewünschte y-Koordinate positioniert sein, damit es nicht vertikal mitscrollt, und die x-Koordinate veränderst du dynamisch.

Wenn du sowohl die x- als auch die y-Koordinate nach einer bestimmten Gesetzmäßigkeit veränderst, kann das Objekt sogar beliebige Kurven im Browserfenster abfahren.

So long,
 Martin

--
Das einzige Problem beim Nichtstun: Man weiß nie, wann man damit fertig ist.
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(