CSS overflow ligne de la table de positionnement

Question

J'ai de la table à l'intérieur d'un div onglet.La table dispose de 40 lignes et la div, la hauteur est configuré pour afficher les 10 lignes de cette table.CSS overflow:auto me permet de faire défiler les 40 lignes.Tout est bien là.

Comment puis-je, avec JavaScript cause la table par programmation de la position d'une ligne donnée (c'est à dire, par programme de défilement de la table vers le haut ou vers le bas par ligne)?

Answer 1

Où superHappyFunDiv est l'ID de la DIV conteneur et de lignes est un 0-index de ligne de base:

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

Va tenter de faire défiler la ligne demandée à la partie supérieure du conteneur.Testé dans IE6 et FF3.