如何实现元素的曝光监测

曝光条件

页面上某一视图元素的可见比例达到一定值（例如0.5），且有效停留时间达到一定时长（例如500ms）,则称该视图元素被曝光了。


如何检测可见比例

使用 IntersectionObserver api 对元素进行监听，通过 threshold 配置项设置可见比例，当达到可见比例时，观察器的回调就会执行。

IntersectionObserver 使用示例：