javascript - body 对焦不起作用

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>

我尝试了以下 jquery 代码来通过 id 滚动到特定的 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);