IntersectionObserver

1. 上下滚动试试看 #a 元素可见

#a

#b

为避免观测的元素被容器内浮动元素遮盖，可以使用rootMargin参数

2. 惰性加载示例-图片懒加载

3. 无限滚动- 加载下一页

4. 视频播放

下面有个视频，
进入可视区(大于80%)自动播放，
离开可视区(小于20%)暂停

注意：浏览器有个特性，必须用户手动点击过一次视频播放，JS才能唤起视频播放。音频播放、输入框聚焦都有该问题。

上面有个视频，
进入可视区(大于80%)自动播放，
离开可视区(小于20%)暂停