[GELÖST] JP Interior sticky Container in der toolbar-right (Position absolute)

  • DJ-Rene
  • DJ-Renes Avatar Autor
  • Neues Mitglied
  • Neues Mitglied
  • Beiträge: 10
  • Dank erhalten: 0

JP Interior sticky Container in der toolbar-right wurde erstellt von DJ-Rene

Posted 1 Jahr 1 Monat her #1
Ich würde gerne bei dem Template JP Interior in der Prosition toolbar-right ein Module sticky platzieren.
Leider überflutet das Modul b eim scrollen immer das Menü in der Kopfzeile und auch alle anderen Elemente unterhalb der Position.
Wie kann ich das Modul so in der Position toolbar-right fixieren, dass es bei scrollen mitwandert, aber die anderen Elemente nicht überflutet, also das Modul innerhalb der tollbar-right bleibt?
von DJ-Rene

Anhänge:

Dieses Thema wurde gesperrt.
  • WM-Loose
  • WM-Looses Avatar
  • Moderator
  • Moderator
  • Beiträge: 2691
  • Dank erhalten: 467

WM-Loose antwortete auf JP Interior sticky Container in der toolbar-right

Posted 1 Jahr 1 Monat her #2
Das geht so nicht.
Wenn Sie etwas sticky am Rand haben wollen, müssen Sie dem Modul die Position absolute zuweisen.
JP-Administrator
Supporter im forum.joomla.de/
von WM-Loose
Dieses Thema wurde gesperrt.
  • DJ-Rene
  • DJ-Renes Avatar Autor
  • Neues Mitglied
  • Neues Mitglied
  • Beiträge: 10
  • Dank erhalten: 0

DJ-Rene antwortete auf JP Interior sticky Container in der toolbar-right

Posted 1 Jahr 1 Monat her #3
Bei dem alten Template für Joomla 3 Template konnte ich das einfach so lösen:

<div style="padding-top: 20px;" data-uk-sticky="{top: 100,boundary: '!.tm-sidebar-b'}">
... Inhalt...
</div>

Dadurch blieb der Inhalt innerhalb der Position tm-sidebar-b sticky.

Das funktioniert aber nicht mit dem aktuellen Joomla 5 Template.
von DJ-Rene
Dieses Thema wurde gesperrt.
  • WM-Loose
  • WM-Looses Avatar
  • Moderator
  • Moderator
  • Beiträge: 2691
  • Dank erhalten: 467
Es ist ganz einfach ein beliebiges Modul an einer absoluten Position hinzuzufügen.
Fügen Sie einfach einen Abschnitt hinzu und fügen Sie ein Element mit einem Modul ein und geben Sie dem Modul eine eindeutige Klasse > siehe Bild.

Fügen Sie anschließend den folgenden CSS-Code hinzu und bearbeiten Sie ihn nach Wunsch.
Code:
.absolute { position:absolute; left:20px; top:20px; width:200px; height:200px; }

JP-Administrator
Supporter im forum.joomla.de/
Last Edit:1 Jahr 1 Monat her von WM-Loose

Anhänge:

Letzte Änderung: 1 Jahr 1 Monat her von WM-Loose.
Dieses Thema wurde gesperrt.

Installations-Service

Sparen Sie Zeit, wir installieren ihr gekauftes Joomla Template
mit all den dazugehörigen Extensions und dem "Demo Inhalt" innerhalb der nächsten 24 Stunden
auf einem Server/Webhost ihrer Wahl

JoomlaPlates

Professionelle Joomla Templates mit deutscher Dokumentation und Support seit 2008. Über 70 Templates für Joomla 5 & 6.

Joomla 4 Joomla 5 Joomla 6
Kontakt & Rechtliches
  • support@joomlaplates.de
  • Deutsches Support-Team
  • Mo-Fr: 9:00-18:00 Uhr

© JoomlaPlates. Alle Rechte vorbehalten. 2008 - 2026

JoomlaPlates ist nicht mit dem Joomla! Project verbunden. Joomla! ist eine eingetragene Marke von Open Source Matters, Inc.