IntersectionObserver API 使用教程

IntersectionObserver API 使用教程 (转自阮一峰的网络日志) 上图的绿色方块不断滚动，顶部会提示它的可见性。javascript 传统的实现方法是，监听到scroll事件后，调用目标元素（绿色方块）的getBoundingClientRect()方法，获得它对应于视口左上角的坐标，再判断是否在视口以内。这种方法的缺点是，因为scroll事件密集发生，计算量很大，容易形成性能

>>阅读原文<<