Question

我正在制作一张桌子，根据用户数据，它可能太宽而无法放在显示器上，因此我们将其设为“overflow：auto;”。

我希望能够自动滚动表格，以便显示某个命名单元格 - 例如：（'cell_'+ row +'_'+ col）。

我如何实现这一目标？我在这里看到了一些涉及jQuery的建议，但无法让他们做任何事情。

我不需要流畅的动画，事实上我宁愿也没有，因为我发现它会让用户分心。

Answer 1

查看this小提琴：

的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以更好地展示。循环遍及所有细胞。

自动滚动表格

1 个答案: