检查用户是否真的可以看到 div 元素的任何防弹方法？

问题描述

在网络上搜索，我只遇到考虑到视口和/或可滚动的第一个父容器的解决方案。但是，是否有一种防弹方法来检查 div 是否可见（用户实际上可以看到它的一部分或整个），即使它位于任意数量的可滚动组件内，或者还有其他组件位于这个 div 与它重叠，或者 div 有 display: none，或者我现在想不到的任何其他情况？

解决方法

也许 this answer 会帮助你。作者创建了一个实用函数，用于将元素的可见性记录到控制台。