题
我在 div 选项卡内有表格。该表有 40 行,div 的高度设置为显示该表的 10 行。CSS 的 Overflow:auto 让我可以滚动浏览 40 行。那里一切都很好。
如何使用 JavaScript 使表格以编程方式定位到给定行(即以编程方式按行向上或向下滚动表格)?
解决方案
在哪里 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 中测试。
不隶属于 StackOverflow