Hallo zusammen,

ich versuche zur Zeit folgendes umzusetzen.
Meine Seite hat zwei Spalten. Beide Spalten sind dynamisch hoch, links steht Text, rechts werden Bilder angezeigt. Abschließend gibt es unten einen Footer, der wieder 100% der Breite einnimmt.

Jetzt würde ich gerne folgendes realisieren.
Der Inhalt der linken Spalte wird in den meisten Fällen um die 1500px hoch sein, rechts jedoch etwa das doppelte. Nun sollen beim scrollen beide Spalten mitscrollen, bis das Ende der linken Spalte erreicht ist - also bleibt der unterste Inhalt der linken Spalte im Prinzip stehen, als wäre er fixed positioniert. Ab da soll nur noch die rechte Spalte weiter scrollen. Ist auch deren Ende erreicht, soll der Footer erscheinen und ganz normal beide Spalten soweit scrollen, sodass er vollständig sichtbar ist.

Hat jemand eine Idee, wie ich das am besten realisiere?

Mit JavaScript

__________________