Расположение строк таблицы переполнения CSS

Question

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

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

Answer 1

Где superHappyFunDiv является идентификатором контейнера DIV, а rows - индексом строки на основе 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.