sticky element / position fixed

[heinetz]

Hallo Forum,

einfach ausgedrückt: in meiner Anwendung wird eine grosse Tabelle dargestellt. Diese Tabelle ist grösser als der Viewport und erzeugt einen vertikalen und einen horizontalen Scrollbalken. Ich würde den Tabellenheader gerne so fixieren, dass er beim Auf- und Abscrollen sichtbar bleibt. Das
liesse sich (zumindest für alle Browser ausser IE6) mit "position:fixed" problemlos. Da aber die Tabelle auch nach links und nach rechts gecrollt werden soll, dann der Tabelenheader aber sinnvollerweise mitscrollt, geht das mit "position:fixed" nicht mehr. Gelöst habe ich das so, dass der Tableheader beim Scrollen mit "position:absolute" und scrollTop neu positioniert wird, was auch unter IE6 funktioniert. Allerdings ist die Darstellung ganz und gernicht flüssig.

Kennt ihr vielleicht einen anderen Weg oder eine Site, wo die Darstellung flüssig ist?

Was auch denkbar wäre, wär ein Event "duringscroll", aus dem die Information hervorgeht, ob nun nach oben/unten oder nach links/rechts gescrollt wird.

Die Anwendung ist mit JQuery umgesetzt, aber ich denke, das ist nebensächlich.

danke für Tipps und

beste gruesse,
heinetz