IntersectionObserver:下篇-實際應用
lazyload、進場效果、無限捲動

筆記文:上篇 基本使用下篇 實際應用

延遲載入 lazy load

HTML

JavaScript

以下開始 lazy load 範例(請開console的network看img的請求狀況)

進場效果

HTML

JavaScript

以下開始 進場效果 範例

無限捲動

HTML

JavaScript

以下開始 無限捲動 範例