[GELÖST] JP Interior sticky Container in der toolbar-right (Position absolute)
- DJ-Rene
-
Autor
- 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?
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
Dieses Thema wurde gesperrt.
- WM-Loose
-
- 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.
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/
Joomla-Meister im forum.joomla.de/
von WM-Loose
Dieses Thema wurde gesperrt.
- DJ-Rene
-
Autor
- 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.
<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
-
- Moderator
-
- Beiträge: 2056
- Dank erhalten: 359
WM-Loose antwortete auf [GELÖST] JP Interior sticky Container in der toolbar-right (Position absolute)
Posted 3 Monate 2 Wochen her #4
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.
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/
Joomla-Meister im forum.joomla.de/
Last Edit:3 Monate 2 Wochen her
von WM-Loose
Letzte Änderung: 3 Monate 2 Wochen her von WM-Loose.
Dieses Thema wurde gesperrt.