CSS溢出表行定位

时间:2020-03-05 18:50:20  来源:igfitidea点击:

我在div标签中有表格。该表格中有40行,并且div的高度设置为显示该表格的10行。 CSS的overflow:auto可让我滚动浏览40行。一切都很好。

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

解决方案

回答

其中" 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中测试。