如何判断视口内元素的哪一部分

How to tell what fraction of element is inside viewport?

本文关键字：元素 一部分 视口 何判断 判断      更新时间：2023-09-26

如何确定当前视口内DOM元素的百分比？我想计算视口内元素面积与元素总面积的比率。

相关问题：如何判断 DOM 元素在当前视口中是否可见？

请参阅getBoundingClientRect和Window.innerHeight。

let {top, height} = element.getBoundingClientRect(),
    percentVisible = Math.max(0, Math.min(1, (window.innerHeight - top) / height));

我猜你的用例，但在现代浏览器中，请参阅IntersectionObserver及其intersectionRatio。

相关文章：