Позиционирование строк таблицы переполнения CSS

Question

У меня есть таблица внутри вкладки div. В таблице 40 строк, а высота div установлена ​​так, чтобы отображать 10 строк этой таблицы. Переполнение CSS: авто позволяет мне прокручивать 40 строк. Там все хорошо.

Как с помощью JavaScript можно заставить таблицу программно позиционировать данную строку (т. Е. Программно прокручивать таблицу вверх или вниз по строке)?

Answer 1

Где superHappyFunDiv - идентификатор контейнера DIV, а строки - индекс строки на основе 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;
}

Попытка прокрутить запрошенную строку до верхней части контейнера. Протестировано в IE6 и FF3.