jQuery scrollTo

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>

​

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

Answer 1

您可以使用scrollTo插件

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

div或table是否可滚动？尝试如下所示：

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

或

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

Answer 2

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

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