首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
练一练
订阅
前端小白菜_
更多收藏集
微信扫码分享
微信
新浪微博
QQ
3篇文章 · 0订阅
IntersectionObserver API 应用总结
今天主要给大家分享下本人在日常开发中关于 IntersectionObserver 的一些实际应用,关于 API 原理以及介绍大家可以阅读 Intersection Observer API - MDN 和 IntersectionObserver API 使用教程。 使用 I…
神奇的交叉观察器 - IntersectionObserver
在几年前,出现了一个新的api,就是IntersectionObserver,它可以用来自动监听元素是否进入了设备的可视区域之内,而不需要频繁的计算高度来做这个判断,这个api叫做“交叉观察器”。
利用"交叉观察者"这个小宝贝儿,轻松实现懒加载、吸顶、触底 ❗
直接进入正题,IntersectionObserver 翻译为 "交叉观察者",它的任务就是监听目标元素跟指定父元素(用户可指定,默认为viewport)是否在发生交叉行为,简单理解就是监听目标元素是否进入或者离开了指定父元素的内部(理解这句就行了,管他交不交叉呢),我好像在开…