javascript - 如何知道某些内容是否在具有滚动条的 div 的可见区域？查询

Question

我有一个包含行的表格。该表位于一个 div 中。表格的高度比 div 大，因此 div 有一个垂直滚动条，表格的一些行在 div 的不可见区域中。一切顺利。

然后我通过 JavaScript 搜索一些文本，告诉我它在哪一行。如果该行不可见，我想滚动 div 以显示该行。

如何确定该行是在 div 的可见部分还是隐藏部分？我可能可以通过计算高度来获得它，但想知道是否有更简单的方法。

Answer 1

有一个 DOM 方法叫做 .scrollIntoView()这正是你所描述的。下面是如何使用它:

var tr = document.getElementById("myRow");
tr.scrollIntoView();

该方法有一个可选的 alignWithTop 参数，它不仅确保元素可见，而且将元素置于滚动视口(viewport)的顶部(很像单击 anchor ，如 Shadow向导在他的评论中建议)