Javascript 如何查询溢出隐藏区域中的元素：滚动

是否可以查询父元素的隐藏区域中存在溢出的所有对象：scroll

有一个style=overflow:scroll的父容器；高度：200px。此容器包含一个表。请参见示例代码：

<div id="scrollContainer" style="overflow:hidden;height:200px">
    <table>
        <tr>
            <td>...</td>
        <tr>
        <tr>
            <td>...</td>
        <tr>
        ...
        ...
    </table>
</div>

我如何才能得到所有看不见的内容的列表？

第一个问题：

是的。JS并不关心元素是否可见，它关心元素是否在DOM中

因此，document.getElementsByTagName'tr'；将返回所有s，无论它们当前是否在屏幕上可见

第二个问题：

如果要特别选择在这个特定时刻屏幕上可见或不可见的元素，可以使用.getBoundingClientRect；如上所述

或者，如果您非常关心这些元素的可见性&经常检查它，那么最好制作类似于carousel或其他受控元素的东西

通过这种方式，您将能够跟踪其状态并准确地了解每个元素的可见性