Programmiererforum

    .container{
border: 10px solid red;
position: sticky;
}
.content{
height: 500px;
overflow: scroll;
}

Ich habe ein Container-Div, das einen Rand hat. Ich versuche, den oberen Rand beim Scrollen des Inhalts festzuhalten, aber es funktioniert nicht.
Hier ist der HTML-Code:
[code]



[/code]
Hier ist das CSS:
[code] .container{
border: 10px solid red;
position: sticky;
}
.content{
height: 500px;
overflow: scroll;
}
[/code]
Hier ist ein Demo-Link
Wenn ich scrolle, bleibt der obere Rand nicht hängen.