IntersectionObserver API 使用教程

IntersectionObserver API 使用教程 (轉自阮一峯的網絡日誌) 上圖的綠色方塊不斷滾動，頂部會提示它的可見性。javascript 傳統的實現方法是，監聽到scroll事件後，調用目標元素（綠色方塊）的getBoundingClientRect()方法，獲得它對應於視口左上角的座標，再判斷是否在視口以內。這種方法的缺點是，因爲scroll事件密集發生，計算量很大，容易形成性能

>>阅读原文<<