Question

您能否看一下 DEMO ，让我知道如何使用jquery滚动到所选行或将该行设置为动画滚动的div sc的中间位置？

以下是代码：

<div id="sc">
    <table id="mytable"></table>
</div>
<button class="25">Scrool to 25</button>
<button class="75">Scrool to 75</button>
<button class="125">Scrool to 125</button>
<button class="199">Scrool to 199</button>
<button class="0">Scrool to 0</button>
<script>
$(document).ready(function () {
    for (var i = 0; i < 200; i++) {
     $('#mytable').append('<tr class=' + i + '><td>This is Row' + i + ' </td></tr>');
     $("#125").click(function() {
     $('#sc').animate({
    scrollTop: $("#sc").offset().top}, 2000);
 });
      }
});
<script>

Answer 1

您也可以使用命名锚<a name="row10">...</a>，并在锚标记中引用#tag之类的内容：

<a href="#row10">...</a>

简单的方法，除非你想要一些奇特的动画和其他东西，否则应该适合你。

在表格中滚动到一行的问题

1 个答案: