1. 上下滚动试试看
#a 元素可见
#a
#b
为避免观测的元素被容器内浮动元素遮盖,可以使用rootMargin参数
2. 惰性加载示例-图片懒加载
3. 无限滚动- 加载下一页
加载中...
4. 视频播放
下面有个视频,
进入可视区(大于80%)自动播放,
离开可视区(小于20%)暂停
注意:浏览器有个特性,必须用户手动点击过一次视频播放,JS才能唤起视频播放。音频播放、输入框聚焦都有该问题。
上面有个视频,
进入可视区(大于80%)自动播放,
离开可视区(小于20%)暂停