[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 3 Monate 3 Wochen 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: 2056
  • Dank erhalten: 359

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

Posted 3 Monate 3 Wochen her #2
Das geht so nicht.
Wenn Sie etwas sticky am Rand haben wollen, müssen Sie dem Modul die Position absolute zuweisen.
JP-Admin
Joomla-Meister 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 3 Monate 3 Wochen 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: 2056
  • Dank erhalten: 359
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-Admin
Joomla-Meister im forum.joomla.de/
Last Edit:3 Monate 2 Wochen her von WM-Loose

Anhänge:

Letzte Änderung: 3 Monate 2 Wochen 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

Kaufen - 59€

Copyright © 2008 - 2025 Joomlaplates | Professional Joomla Templates

Impressum & Datenschutz | AGB