posición de la fila de la tabla de desbordamiento CSS

Question

Tengo una tabla dentro de una pestaña div. La tabla tiene 40 filas y la altura del div se establece para mostrar 10 filas de esa tabla. Desbordamiento de CSS: automático me permite desplazarme por las 40 filas. Todo está bien allí.

¿Cómo puedo, con JavaScript, hacer que la tabla se coloque programáticamente en una fila determinada (es decir, desplazar la tabla de forma programada hacia arriba o hacia abajo por filas)?

Answer 1

Dónde superHappyFunDiv es el ID de la DIV contenedor y filas es un índice de la fila 0 a base de:

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; 
} 

intentará desplazar la fila solicitada a la parte superior del contenedor. Probado en IE6 y FF3.