tbody 焦点不起作用

Question

我有以下 table 结构：

<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()) 工作正常并打印出 html tbody

Answer 1

我搞错了。 focus 不是 tbody 的合适事件，换句话说，它没有焦点。解决方案是 Run ScrollTop with offset of element by ID 并使用：

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

tbody 焦点不起作用

tbody focus does not work

javascript

jquery

scroll

focus