JavaScript · JS
IntersectionObserver 曝光
说明
懒加载与埋点常用。
复制后按项目类名、路径与域名微调即可。
代码
const io = new IntersectionObserver((entries) => {
entries.forEach((e) => {
if (e.isIntersecting) {
e.target.classList.add('visible');
io.unobserve(e.target);
}
});
});
document.querySelectorAll('.lazy').forEach((el) => io.observe(el));
注意点
- 记得 unobserve 防重复
常见问题
这段代码可以直接用于生产吗?
可作为起点,请按项目规范、安全与兼容性评审后再上线。
和在线工具如何配合?
生成类需求可用 tool.251w.com;需要整站定制可联系 web.251w.com。
相关工具与服务
需要在线生成?tool.251w.com
需要定制开发:web.251w.com