Beiträge von Gartes

OOO... Direkt in diesem Forum gibt es ein Beispiel für CSS mit position: sticky;

In Beiträgen, in denen es eine Code-Einfügung gibt. Sie können im Inspector mit dem Selektor .codeBox .codeBoxHeader gefunden werden.

Zitat

"Es funktioniert, Danke!"

"Warum?"

Es sieht so aus, als ob du eine Frage zu CSS-Selektoren hast. Der Inspector zeigt dir, dass die Regel auf ein Element mit der Klasse ".grid-child" angewendet wird. Durch die Verwendung von "> div" beschränkst du die Regel auf direkte Kinder des Elements mit der Klasse ".grid-child", die div-Elemente sind.

"sticky" ist ein anderer CSS-Eigenschaft, die verwendet werden kann, um Elemente auf der Seite fixiert zu halten, wenn der Benutzer scrollt. Du kannst es verwenden, anstatt "position: absolute" und "top: 0", um das gewünschte Verhalten zu erzielen.

Viel Glück!

Versuchen Sie es so zu machen

.grid-child.container-sidebar-right {
    position: relative;
    background: none;
}

.grid-child.container-sidebar-right > div {
    position: fixed;
    top: 300px;
    right: 10px;
}