mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 01.10.2020 21:29 Benutzername: Passwort: Auto-Login

Thema: DIV-Container soll anderen DIV-Container verdrängen vom 11.03.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> DIV-Container soll anderen DIV-Container verdrängen
Autor Nachricht
d0om
Threadersteller

Dabei seit: 03.12.2008
Ort: -
Alter: 29
Geschlecht: Männlich
Verfasst Fr 11.03.2011 09:45
Titel

DIV-Container soll anderen DIV-Container verdrängen

Antworten mit Zitat Zum Seitenanfang

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 (: !
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 47
Geschlecht: Männlich
Verfasst Fr 11.03.2011 10:05
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
nel

Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Fr 11.03.2011 17:49
Titel

Antworten mit Zitat Zum Seitenanfang

meinst du so wie hier?

http://tobiasahlin.com/blog/

(rechts die infokästen neben den posts)
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst So 13.03.2011 20:33
Titel

Antworten mit Zitat Zum Seitenanfang

Und? Ne Lösung gefunden?
  View user's profile Private Nachricht senden
 
Ähnliche Themen Variabler Div-Container bis zum mittigen Div-Container
DIV Container bei Mouseover über DIV Container anzeigen
Content mit eignenem DIV in DIV Container laden...
div container anhand eines anderen div positionieren
CSS - was ist ein div-container?
div-Container Verschiebung
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.