JP Interior sticky Container in der toolbar-right (Position absolute)
- DJ-Rene
- Autor
- Fresh Boarder
- Beiträge: 8
- Dank erhalten: 0
JP Interior sticky Container in der toolbar-right wurde erstellt von DJ-Rene
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?
6 Tage 14 Stunden her
#1
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- WM-Loose
- Moderator
- Beiträge: 1651
- Dank erhalten: 294
WM-Loose antwortete auf JP Interior sticky Container in der toolbar-right
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.
Gruß Dirk
Joomlaplates Admin
Joomla-Meister im forum.joomla.de/
Joomlaplates Admin
Joomla-Meister im forum.joomla.de/
6 Tage 14 Stunden her
#2
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- DJ-Rene
- Autor
- Fresh Boarder
- Beiträge: 8
- Dank erhalten: 0
DJ-Rene antwortete auf JP Interior sticky Container in der toolbar-right
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.
6 Tage 12 Stunden her
#3
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- WM-Loose
- Moderator
- Beiträge: 1651
- Dank erhalten: 294
WM-Loose antwortete auf JP Interior sticky Container in der toolbar-right (Position absolute)
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.
.absolute {
position:absolute;
left:20px;
top:20px;
width:200px;
height:200px;
}
Gruß Dirk
Joomlaplates Admin
Joomla-Meister im forum.joomla.de/
Joomlaplates Admin
Joomla-Meister im forum.joomla.de/
5 Tage 11 Stunden her
#4
Bitte Anmelden oder Registrieren um der Konversation beizutreten.