javascript - 自动滚动表格

Question

我正在制作一个表格，根据用户数据，该表格可能太宽而无法适应显示屏，因此我们将其设置为“overflow:auto;”。

我希望能够自动滚动表格，以便某个命名单元格 - 例如:('cell_' + row + '_' + col) 可见。

我怎样才能做到这一点？我在这里看到了一些涉及 jQuery 的建议，但无法让他们做任何事情。

我不需要流畅的动画，事实上我宁愿没有任何动画，因为我发现这会分散用户的注意力。

Answer 1

查看this fiddle :

JavaScript

var container = $(".narrow");
container.scrollTop(0);
container.scrollLeft(0);
container.scrollTop($("#cell_3_3").offset().top - container.offset().top);
container.scrollLeft($("#cell_3_3").offset().left - container.offset().left);

HTML

<div class="narrow">
  <table>
    <tr>
      <td id="cell_1_1">1. Content ...</td>
      .....
    </tr>
    .....
  </table>
</div>

CSS

.narrow {
  max-width: 100px;
  max-height: 200px;
  overflow: auto;
}

更新1

新fiddle以更好地展示。循环遍历所有单元格。