CSS-Überlauf-Tabelle Zeilenpositionierung

Question

Ich habe Tabelle in einem Div-Tab. Die Tabelle enthält 40 Zeilen und die Höhe des Elements ist so eingestellt, dass 10 Zeilen dieser Tabelle angezeigt werden. Überlauf CSS: Auto lässt mich durch die 40 Zeilen scrollen. Alles ist gut dort.

Wie kann ich mit JavaScript die Tabelle programmatisch zu einer bestimmten Zeile positionieren (d. H. Programmgesteuert die Tabelle nach oben oder unten durch die Reihe scrollen)?

Answer 1

Wo superHappyFunDiv ist die ID des Behälter DIV und Zeilen 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; 
} 

Es wird versucht, die angeforderte Zeile in der Oberseite des Behälters zu blättern. Getestet in IE6 und FF3.