Positionierung der CSS-Überlauftabellenzeilen

Question

Ich habe eine Tabelle in einem Div-Tab.Die Tabelle enthält 40 Zeilen und die Höhe des Div ist so eingestellt, dass sie 10 Zeilen dieser Tabelle anzeigt.Mit CSS overflow:auto kann ich durch die 40 Zeilen scrollen.Da ist alles gut.

Wie kann ich mit JavaScript bewirken, dass die Tabelle programmgesteuert auf eine bestimmte Zeile positioniert wird (d. h. die Tabelle zeilenweise nach oben oder unten scrollt)?

Answer 1

Wo superHappyFunDiv ist die ID des Containers DIV und rows ist ein 0-basierter Zeilenindex:

function scrollTo(row)
{
   var container = document.getElementById("superHappyFunDiv");
   var rows = container.getElementsByTagName("tr");

   row = Math.min(Math.max(row, 0), rows.length-1);
   container.scrollTop = rows[row].offsetTop;
}

Versucht, die angeforderte Zeile an den oberen Rand des Containers zu scrollen.Getestet in IE6 und FF3.