Posicionamiento de filas 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 está configurada para mostrar 10 filas de esa tabla.Overflow:auto de CSS me permite desplazarme por las 40 filas.Todo está bien ahí.

¿Cómo puedo, con JavaScript, hacer que la tabla se posicione mediante programación en una fila determinada (es decir, desplazar la tabla hacia arriba o hacia abajo mediante programación por fila)?

Answer 1

Dónde superHappyFunDiv es el ID del contenedor DIV y las filas son un índice de fila basado en 0:

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 hasta la parte superior del contenedor.Probado en IE6 y FF3.