CSS溢出表行定位

Question

我在div选项卡中有表格。该表中有40行，div的高度设置为显示该表的10行。 CSS的溢出：auto让我滚动40行。一切都很好。

如何使用JavaScript使表格以编程方式定位到给定行（即，以编程方式向上或向下滚动表格）？

Answer 1

其中superHappyFunDiv是容器DIV的ID，行是基于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中测试过。