Posizionamento delle righe della tabella di overflow CSS

Question

Ho una tabella all'interno di una scheda div.La tabella contiene 40 righe e l'altezza del div è impostata per mostrare 10 righe di quella tabella.L'overflow:auto del CSS mi consente di scorrere le 40 righe.Va tutto bene lì.

Come posso, con JavaScript, far sì che la tabella si posizioni a livello di codice su una determinata riga (ovvero, scorrere a livello di codice la tabella verso l'alto o verso il basso per riga)?

Answer 1

Dove superHappyFunDiv è l'ID del contenitore DIV e rows è un indice di riga basato su 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;
}

Tenterà di scorrere la riga richiesta nella parte superiore del contenitore.Testato in IE6 e FF3.