[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 3 Monate 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: 2835
  • Dank erhalten: 491

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

Posted 1 Jahr 3 Monate 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 3 Monate 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: 2835
  • Dank erhalten: 491
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 2 Monate her von WM-Loose

Anhänge:

Letzte Änderung: 1 Jahr 2 Monate her von WM-Loose.
Dieses Thema wurde gesperrt.
Powered by Kunena Forum