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);