滚动到一个长div中的元素

Question

我有一个可滚动的div，其中包含一个包含许多行（100 +）的表。

我希望能够通过jQuery过滤器显示包含我正在寻找的数据的表行。

我知道表行id。如何将div移动到正确的行？

Answer 1

尝试：

document.getElementById(id).scrollIntoView(true);

它是CSSOM View Module的一部分，可能并非所有浏览器都支持，但可能all you care about。

Ooops错过了行ID 中的行。如果你有对该表的引用，那么：

table.rows[rowId].scrollIntoView(true);

Answer 2

试试这个：

$('html, body').scrollTop($('#rowId').offset().top);

如果你想要小动画：

$('html, body').animate({
     scrollTop: $("#rowId").offset().top
}, 2000);    // 2000 is the duration of animation in milliseconds