thead soll bei scroll am oberen Rand fixiert werden

[Gunnar Bittersmann]

@@Rolf B

wenn ich dem englischen Link folge und bei sticky schaue, sehe ich da einen Erlenmeyerkolben.

Das erklärt „laut MDN experimentell“, aber nicht „nur im FF enthalten“.

Anwendung auf th hatte ich in Chrome probiert, ohne Effekt. Bis ich top:0 hinzufügte. Muss man wissen, steht nicht auf MDN...

Aber in der Spec: “If the stickily positioned element’s top style is not auto, and the stickily positioned element projects above the top of the sticky-constraint rectangle, the stickily positioned element is moved down until it is fully contained in the sticky-constraint rectangle.”

Das soll dann wohl im Umkehrschluss heißen: Wenn top (bzw. bottom, left right) den (berechneten) Wert auto hat, dann tritt dieses Verhalten nicht auf, d.h. dann ist ein stickily positioniertes Element nicht sticky.

Aber so ganz 100%-ig ist es wohl noch nicht; ich habe Probleme mit einer wegscrollenden th Border bei border-collapse:collapse; (FF+Chrome) offenbar wird durch collapse der Border vom th gelöst.

Deshalb dieser miese Trick.

LLAP 🖖