显示隐藏在滚动条中的表格行

Question

以下是我项目中表格的基本html代码。

<table>
    <tr id='someId'>
        <td><input type='checkbox'></td>
        <td>data 1</td>
        <td>data 2</td>
    </tr>
</table>

在这个表中，我有几行近100个，包含这个表的div的高度很小，所以这个div有一个滚动条。

默认选中某些复选框，并在jquery中完成，并且工作正常。

问题是我想显示在该滚动条中选中的最后一个复选框，就好像它位于表格的底部，然后它隐藏在该滚动条中。 因此，我想向下滚动选中最后一个复选框的位置，以便直接在jquery中显示。

请帮助..

Answer 1

以下是如何编写它的草稿版本。

$(document).ready(function() {
    var scrollTo = $('input:checked').last().offset().top;
    $('#idOfDivToScroll').scrollTop(scrollTo);
});

与该主题相关的一些好的阅读：

http://api.jquery.com/checked-selector/

http://api.jquery.com/scrollTop/

Answer 2

$(document).ready(function () {
    var rowpos = $('#table input:checked').last().position();
    $('#container').scrollTop(rowpos.top);
});

应该关注表格的最后一个元素

修改 看看这个Fiddle Demo