Wenn Sie „sticky“ auf den übergeordneten Container anwenden, funktioniert es… obwohl, wenn sich andere Warnungen in diesem Container befinden, werden diese ebenfalls angeheftet (wie die Warnung „Möchten Sie Live-Benachrichtigungen, wenn Leute auf Ihre Beiträge antworten?“).
Wir haben eine CSS-Eigenschaft, die den oberen Rand vom Header richtig versetzt:
#main-container.container {
position: sticky;
top: var(--header-offset);
z-index: 9;
}