如何以编程方式将表格滚动到特定的tr

Question

我想通过使用Javascript或jquery将html表滚动到特定的tr。目前我可以获得所选tr的偏移量。我正在使用scrollTop方法。我尝试了以下但是它对我不起作用：

var table  = document.getElementById("table");
var tr = table.getElementsByTagName("tr")[3];
var scrollTo = tr.offsetTop;
table.scrollTop = scrollTo;

我也试过jquery：

$('#table').animate({scrollTop:0},50);

任何人都可以帮助我在哪里出错？

Answer 1

这对我有用，试试这个

var elm = document.getElementById(id);
elm.scrollIntoView(true);

Answer 2

试试这个：http://jsfiddle.net/SZKJh/

var w = $(window);
var row = $('#tableid').find('tr').eq( line );

if (row.length){
    w.scrollTop( row.offset().top - (w.height()/2) );
}

参考：

https://stackoverflow.com/a/7853216/1982680

Answer 3

这里是scrolltop函数的简单步骤

 var s = $("table tbody > tr:nth-child(20)").position();
 $( "div" ).scrollTop( s.top );

此处 Demo