Positionnement de la ligne de la table de débordement CSS

Question

J'ai une table dans un onglet div. La table contient 40 lignes et la hauteur de div est définie pour afficher 10 lignes de cette table. CSS débordement: auto me permet de faire défiler les 40 lignes. Tout va bien là.

Comment puis-je, avec JavaScript, amener la table à positionner par programme sur une ligne donnée (c'est-à-dire, faire défiler la table vers le haut ou vers le bas par ligne)?

Answer 1

Où superHappyFunDiv est l'ID du conteneur DIV et des lignes est un index de ligne de base 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; 
} 

tentera de faire défiler la ligne demandée au sommet du récipient. Testé dans IE6 et FF3.