2008-09-09 133 views
8

我有一个div标签中的表。该表中有40行,div的高度设置为显示该表的10行。 CSS的溢出:自动让我滚动40行。一切都很好。CSS溢出表行定位

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

回答

16

哪里superHappyFunDiv是容器DIV和行的ID是基于行索引:

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。