Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/mysql/59.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何以编程方式将表滚动到特定tr_Javascript_Jquery_Html - Fatal编程技术网

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

Javascript 如何以编程方式将表滚动到特定tr,javascript,jquery,html,Javascript,Jquery,Html,我想使用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

我想使用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);
谁能帮我一下哪里出了问题?

试试这个:

参考:


这里是滚动顶部功能的simpel步骤

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

这里的

对我很有效,试试这个

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

请提供JSFIDDLE,我已经添加了所有与该功能相关的代码。超级简单,运行良好。似乎太好了,这是不真实的-这种方法有任何已知的缺点/缺乏支持吗?请通过下面的链接了解更多信息最佳答案,使用jQuery的简单和简洁的其他解决方案,但这一简单的一行非常有效。
var elm = document.getElementById(id);
elm.scrollIntoView(true);