sticky element / position fixed
heinetz
- javascript
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
Grüße,
ich habe mal von einer css-lösung gehört..
MFG
bleicher
Hi,
Kennt ihr vielleicht einen anderen Weg oder eine Site, wo die Darstellung flüssig ist?
http://aktuell.de.selfhtml.org/artikel/javascript/scrolltabelle/
MfG ChrisB
hi,
http://aktuell.de.selfhtml.org/artikel/javascript/scrolltabelle/
danke für den Tipp aber bei mir geht das auch alles andere als flüssig ;(
beste gruesse,
heinetz
Hi,
http://aktuell.de.selfhtml.org/artikel/javascript/scrolltabelle/
danke für den Tipp aber bei mir geht das auch alles andere als flüssig ;(
Mit der „Flüssigkeit“ des Scrollvorgangs sehe ich da keine Probleme.
Auf zu alten/leistungsschwachen Anzeigegeräten wirst du aber auch mit anderen Ansätzen prinzipiell die gleichen Probleme haben.
MfG ChrisB
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.
Nachtrag: Ich habe jetzt einen Event "onscroll" gefunden. Der wird
scheinbar nicht richtig oder nur unter IE unterstützt.
Hat damit jemand Erfahrungen?
Hi,
Nachtrag: Ich habe jetzt einen Event "onscroll" gefunden. Der wird
scheinbar nicht richtig oder nur unter IE unterstützt.
Den sollten eigentlich alle zeitgemäßen Browser unterstützen.
http://www.quirksmode.org/dom/events/tests/scroll.html
MfG ChrisB