TBODY焦点不起作用

Question

我有以下表结构：

<table> 
<tr> 
    <th> </th> 
    <th> </th> 
    <th> </th> 

</tr> 
<tbody id="page-1"> 
<tr> 
    <td> </td> 
    <td> </td> 
    <td> </td>  
</tr> 

<tr> 
    <td> </td> 
    <td> </td> 
    <td> </td>  
</tr> 
<tr> 
    <td> </td> 
    <td> </td> 
    <td> </td>  
</tr> 
<tr> 
    <td> </td> 
    <td> </td> 
    <td> </td>  
</tr> 
</tbody> 
<tbody id="page-2"> 
<tr> 
    <td> </td> 
    <td> </td> 
    <td> </td> 

</tr> 
<tr> 
    <td> </td> 
    <td> </td> 
    <td> </td>  
</tr> 
<tr> 
    <td> </td> 
    <td> </td> 
    <td> </td>  
</tr> 
</tbody> 
</table> 

我已经id试图像下面的jQuery代码以使滚动具体tbody：

page = 1; 
$("#page-"+page).focus() 

上面的代码失败滚动到指定的tbody。我也试过为了下面获得第一tr也未能：

page = 1; 
$("#page-"+page+":first-child").focus() 

，我不得不提，那tbody通过Ajax请求加载和console.log($("#page-"+page).html())工作正常，并打印出tbody的HTML的最后一件事

Answer 1

我得到了错误。 focus不适用于tbody换句话说，它没有关注点。该解决方案是Run ScrollTop with offset of element by ID和使用：

$('html, body').animate({ 
       scrollTop: $('#page-'+page).offset().top -100 
       }, 2000);