Hallo,
Ich möchte auf der Homepage die ich grade erstelle die Linke Seidebar mit Position: sticky; dazu bringen beim scrollen am oberen Rand stehen zu bleiben. Doch das Funktioniert leider gar nicht.
Hat da jemand einen Tipp wie ich das hinbekomme??
Der Link zu einer der Seiten:
https://www.pcssk.de/neue-seite/hfo-telecom/hfo-ngn-connect.html
Viele Dank schon mal
Hier nix dabei?
https://extensions.joomla.org/…e-a-design/modules-panel/
Hi! Dein sticky-sidebar-Element ist innerhalb eines Containers mit display:flex, der für die Spaltendarstellung zuständig ist. Die linke Spalte ist per align-self:stretch so konfiguriert, dass sie die gesamte Höhe des Containers einnimmt, also genauso hoch ist wie der Seiteninhalt in der Mitte. Du kannst jetzt entweder mit
.column-wrapper .ba-grid-column-wrapper > .ba-grid-column.sticky-sidebar {
align-self: flex-start;
}dieses Verhalten ändern oder das sticky erst für das erste Kind-Element setzen, das keine volle Höhe hat.
Quelle: https://stackoverflow.com/ques…sticky-when-using-flexbox
Hallo,
ich möchte mich hier kurz einklinken, da ich ein ganz ähnliches Problem habe. Ich habe ein Menü mit display:flex ausgerichtet und möchte, dass dieses beim hochscrollen am oberen Browserrand hängenbleibt. Ich habe bereits gelesen, dass sticky und flexbox nicht ganz einfach zu handeln sind und bereits mehrere Lösungsansätze probiert (mit verschachtelten divs).
Bei meinem Menü schaffe ich es nur, die Elemente mit flex zu positionieren, wenn ich diese über die <ul> anspreche.
Kann mir jemand sagen, welchem Element ich dann richtigerweise das "position:sticky" mitgeben muss?
Und welches Element braucht "align-self: flex-start"?
Meine Seite: http://www.wood-blog.de
Vielen Dank!