javascript - CSS溢出表行定位

Question

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

我如何使用 JavaScript 使表格以编程方式定位到给定行(即以编程方式逐行向上或向下滚动表格)？

Answer 1

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