Contao-Camp 2024
Ergebnis 1 bis 7 von 7

Thema: Fehlerhafte Darstellung Accordion beim Öffnen > Parallaxe-Bild rutscht hoch

  1. #1
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.016

    Standard Fehlerhafte Darstellung Accordion beim Öffnen > Parallaxe-Bild rutscht hoch

    Hi Leute,

    auf einer Seite habe ich ein Accordion eingebunden und zwei Artikel-Elemente weiter darunter ein Parallaxe-Bild mit der Erweiterung [
    hypergalaktisch/contao-parallax]

    Soweit alles schick, aber wenn man das Accordion öffnet, dann rutscht das Parallaxebild vor / hoch, siehe Foto
    Unbenannt-26.jpg

    Hier die Seite
    Irgendwie finde ich den Fehler nicht.
    Woran kann das liegen?
    Im Einsatz ist Contao 4.9.2
    Geändert von Schnippel (08.05.2020 um 16:34 Uhr)

  2. #2
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Das Parallaxbild rutscht m.E. nicht hoch, aber bei Öffnen des Accordions wird Dein Inhalt "höher". Je nach Viewportgröße läuft das geöffnete Accordion dann in den Bereich des Parallaxbildes. Das tut es beim Scrollen aber sowieso.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  3. #3
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.016

    Standard

    Hmm, ne Idee, wie man das Problem lösen könnte?
    Oder deaktiviert man lieber das Accordion?
    Oder eine Lösung, bei der das aufgeklappte Accordion eine Art "overlayer" über dem Inhalt schwebt?

  4. #4
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Du könnest als Minimallösung dem Artikel mit dem Akkordeon eine Hintergrundfarbe geben.

  5. #5
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.016

    Standard

    Danke für den Hinweis.
    Das mit der Hintergrundfarbe löst schon mal ein Problem.

    Aber das andere Problem besteht noch darin, daß das Parallaxe-Bild unten verrutscht, sobald das Accordion offen ist.

    Unbenannt-7.jpg

    Wie lässt sich das noch in den Griff bekommen?

  6. #6
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.016

    Standard

    Alternativ-Lösung gefunden:

    Um das Problem mit dem verrutschtem Parallaxe-Bild zu vermeiden muß folgendes eingstellt werden:
    1. dem umgebenem Artikel-Element overflow:inherit gegeben, damit Elemente über den Rand des Artikel fließen können
    2. dem ausklappbaren Accordion-Element position:absolut; und z-index vergeben.

    Somit geht der Inhalt Öffnen des Accordions "über" der Seite auf.

  7. #7
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Schöne Lösung.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •