Jeder overflow-Wert außer visible und ohne Höhenangabe ist der Feind von Kindelementen mit position: sticky;. Es ist, als ob dieses Element bereit wäre, zu haften, wenn das Elternelement scrollt, aber es tut es nie, weil die Höhe nicht begrenzt ist. Das Hinzufügen einer festen Höhe kann das Problem lösen, ist aber nicht immer wünschenswert.
Dannie Vinther befasst sich mit einer Lösung dafür. Das Endergebnis ist, diese Situation ganz zu vermeiden, indem das Element, das sticky sein möchte, aus dem Element entfernt wird, das einen Überlauf benötigt. Sobald Sie dies tun, scrollen die Elemente jedoch nicht mehr zusammen, da sie keine Geschwister sind. Der Anwendungsfall hier ist eine Tabelle mit sticky Headern beim vertikalen Scrollen und die gleichzeitige Ermöglichung von horizontalem Scrollen. Dannie verwendet ein Skript, um die Scroll-Positionen zu synchronisieren.