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