判断一个元素是否在可视区域

判断元素是否在可视区域的方法

方法一：offsetTop 和 scrollTop

通过计算元素的 offsetTop 和容器的 scrollTop 来判断元素是否位于视口内。这种方法适用于简单的垂直滚动场景。

• 优点: 实现简单，性能较好。
• 缺点: 不支持复杂的布局结构（如嵌套滚动），无法处理水平方向上的可见性检测。

function isElementInViewportUsingOffset(element, container) {const elementTop = element.offsetTop;const containerScrollTop = container.scrollTop || document.body.scrollTop;const viewportHeight = window.innerHeight;return (elementTop >= containerScrollTop && elementTop <= containerScrollTop