如何判断视口内部的元素是多少？

Question

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

相关问题：How to tell if a DOM element is visible in the current viewport?

Answer 1

请参阅getBoundingClientRect和Window.innerHeight。

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

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