jquery - jQuery 滚动到

Question

我在具有指定宽度的具有水平滚动的 div 中有这个表。

<div id="content">
<table class="tbclass">
<tr>
    <th>h1</th>
    <th>h2</th>
    <th>h3</th>
    <th>h4</th>
    <th>h5</th>
    <th>h6</th>
    <th>h7</th>
    <th>h8</th>
</tr>
<tr>
    <td><input type="text" name="inputname1" id="inputid1" /></td>
    <td><input type="text" name="inputname2" id="inputid2" /></td>
    <td><input type="text" name="inputname3" id="inputid3" /></td>
    <td><input type="text" name="inputname4" id="inputid4" /></td>
    <td><input type="text" name="inputname5" id="inputid5" /></td>
    <td><input type="text" name="inputname6" id="inputid6" /></td>
    <td><input type="text" name="inputname7" id="inputid7" /></td>
    <td><input type="text" name="inputname8" id="inputid8" /></td>
</tr>
</table>

input id="inputid4"加载页面后，我想通过示例使用 jquery滚动到特定输入。我查看了在 jquery 中实现的 scrollto，但是有使用元素索引的示例，我不知道如何使用特定的 id 而不是索引。

Answer 1

或者，获取元素的索引并将其传递给 scrollTo

$("#content").scrollTo($("#inputid4").index());

Answer 2

你可以使用 scrollTo 插件

http://demos.flesler.com/jquery/scrollTo/

div或table可滚动？尝试类似：

$('#content').scrollTo($("#inputid4"));

或者

$('.tbclass').scrollTo($("#inputid4"));