Расположение строк таблицы переполнения CSS
-
09-06-2019 - |
Вопрос
У меня есть таблица внутри вкладки div.В таблице 40 строк, а высота div установлена так, чтобы отображать 10 строк этой таблицы.Переполнение CSS: auto позволяет мне прокручивать 40 строк.Там все хорошо.
Как я могу с помощью JavaScript программно расположить таблицу в заданной строке (т. е. программно прокрутить таблицу вверх или вниз по строке)?
Решение
Где 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.
Не связан с StackOverflow