JavaScript Slide Effekt

[Christian S.]

Hi

ich interessiere mich für das Erstellen eines Slide Effekts in JavaScript.

Und zwar versteh ich darunter, das z.B. ein Element von oben nach unten rutscht. An sich ja kein großes Ding, aber ich möchte, dass die obere Kante des Objekts, immer an der gleichen Stelle bleibt.
Es soll also etwa so funktionieren wie ein Fensterrollladen...

Am Anfang ist also nichts sichtbar, und dann rutscht die Unterseite immer weiter runter, so dass oben immer mehr zu sehen ist.

Ich frage mich nun, wie man da am besten ran geht. Mir erscheinen nämlich 2 Möglichkeiten in Frage zu kommen:

1. Das Element per style.clip so zuschneiden, dass immer nur der gewünschte Ausschnitt sichtbar ist.

2. Um das Element ein weiteres Element wrappen, mit style.overflow = "hidden". Und das innere einfach nach unten bewegen. Der Wrapper sorgt dann für das zuschneiden.

Welche Methode ist geeignter, insbesondere auch in Bezug auf Performance?
Habe mal gehört dass man z.B. <table> element nicht clippen kann.

Wie wird das üblicherweise gemacht?

Hoffe das Problem ist klar geworden.

Gruß
Christian