Javascript 如何以编程方式将表滚动到特定tr
我想使用Javascript或jquery将html表滚动到特定的tr。目前,我可以获得所选tr的偏移量。我正在使用scrollTop方法。我尝试了以下方法,但不适用于我: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
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);