[d0om]

Hier mein Problemchen:
Ich möchte, dass ein DIV-Element an einer Stelle stehen bleibt welches dann von einem anderem DIV beim Scrollen verdrängt wird.

Das Stehenbleiben wäre per position: fixed; ja nicht sehr kompliziert, der Rest allerdings schon,
aber um es etwas verständlicher zu machen, sind hier ein paar Screens;


So der Ausgangszustand.



Und jetzt rückt durch Scrollen weiterer Inhalt von unten nach.
Der Fließtext fließt sozusagen unter "Sub 1" hindurch.



Durch weiteres Scrollen wird irgendwann auch "Sub 2" und dessen Fließtext sichtbar.
Der Fließtext von "Sub 1" fließt weiter unter "Sub 1" hindurch ...



... Das passiert so lange ...



... Bis "Sub 2" "Sub 1" erreicht hat. "Sub 2" soll nun "Sub 1" verdrängen und an dessen Stelle rücken.



Nun wird "Sub 1" nach oben hin verdrängt ...



... Und "Sub 2" nimme dessen Stelle ein.


An für sich ist das wohl nur schwer zu beschreiben, ich denke aber, dass es so verständlich geworden sein sollte.
Viele Apps nutzen diesen Effekt, falls das zur Vorstellung dient (; .

Vielen Dank schon einmal (: !

[pixelpapst303]

m.e. nur durch auslesen der positionen beider divs mittels js möglich.

interessanter ansatz nach 2 min google:
http://www.48design.de/news/2009/11/20/kollisionsabfrage-per-jquery-plugin-update-v11-8/

kannst es für deinen bedarf sicher in wenigeren zeilen schaffen

[nel]

meinst du so wie hier?

http://tobiasahlin.com/blog/

(rechts die infokästen neben den posts)

[pantonine]

Und? Ne Lösung gefunden?