Worf: Tabelle ohne Titelzeile scrollen - Nach JS-Zugriff verspringt th

Beitrag lesen

Hallo,

-%- Wenn mit einem onlock auf th sein Inhalt verändert wird, springt das th nach oben, anhängig von der Scrollposition.

Ich kann den Effekt ebenfalls nachvollziehen (im Firefox), eine Erklärung dafür habe ich jedoch nicht.

Das Einpacken des "scroll"-div-Container in ein weiteres div-Element mit "position: relative" führte bei mir zum gewünschten Ergebnis:

div.scrollcontainer { position:relative; }  
div.scroll table thead { position:absolute; left:1px; top:0; }
<div class="scrollcontainer">  
		<div class="scroll">  
<!-- .. Tabelle .. -->  
		</div>  
</div>

Beide Versionen zeigen jedoch im Safari ein Artefakt: Die Tabellenüberschrift ragt über die gesamte breite des div-Containers, über den Scrollbalken.

Gruss,
Worf