且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2022-12-30 23:12:47

试试这个: 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://***.com/a/7853216/1982680


I want to scroll the html table to particular tr by using Javascript or jquery. Currently I can get the offset of the selected tr .And I am using the scrollTop method .I have tried the following but it is not working for me :

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

also I tried with jquery :

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

can anybody help me where am I getting wrong ?

try this : 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) );
}

reference :

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