滾動到長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