Jquery 如何滚动到表格行

我有一张这样的桌子

   <div id="no-body">
    <table width="301">
          <tbody>
            <tr data-id="1"></tr>
            <tr data-id="2"></tr>
            <tr data-id="3"></tr> // so on
            <tr data-id="1000"></tr>
           </tbody>
    </table>
</div>

-浏览器滚动被禁用，因此我需要使用div（“无正文”）更改此

（'html，body'）

，如何执行此操作？

用于获取

tr

$('html, body').animate({
    scrollTop: $('tr[data-id="1000"]').offset().top
},'slow');

$（'html，body'）。制作动画({
scrollTop:$（'tr[data id=“1000”]'）.position（）.top+'px'
}“慢”）

1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1000
试试类似的方法：

$( document ).ready(function() {  // wait for document to be fully loaded
    $( "tr" ).click(function( event ) {  // when any tr is clicked, pass the event
        $('html, body').animate({
        scrollTop: $( this ).offset().top
    }, 200);
    });
});

使用“this”指向触发事件的元素。
很抱歉，我无法在此使用单击函数未捕获错误：语法错误，无法识别的表达式：“tr[data id=“1000”]”
$( document ).ready(function() {  // wait for document to be fully loaded
    $( "tr" ).click(function( event ) {  // when any tr is clicked, pass the event
        $('html, body').animate({
        scrollTop: $( this ).offset().top
    }, 200);
    });
});