JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="AndreasB, post: 12036, member: 1937"] Ich verstehe nicht ganz, wie sich deine Sidebar verhalten soll. [URL='https://elad.medium.com/css-position-sticky-how-it-really-works-54cd01dc2d46']Dieser Artikel[/URL] zeigt sehr schön, wie [ICODE]position: sticky[/ICODE] funktioniert: Das Element, das die Eigenschaft bekommt, bleibt immer in seinem Elterelement und kann, solange sein Elternelement die komplette Höhe des Bildschirms einnimmt nicht über die definierten Grenzen (top, bottom, right, left) hinaus. In deinem Pen kann man das Verhalten beobachten, wenn man das [ICODE]position: sticky[/ICODE] und die Grenzen in den Selektor [ICODE]#sticky > div[/ICODE] verschiebt: [CODE=css]#sticky { border: 1px solid red; } #sticky > div { height: 100px; position: sticky; bottom: 0; top:0; /* zum Testen */ }[/CODE] Ich denke aber, dass dies nicht das Verhalten ist, was du dir wünschst. [/QUOTE]