JavaScript · JS

IntersectionObserver 曝光

251代码小抄 · 可复制代码片段

说明

懒加载与埋点常用。

复制后按项目类名、路径与域名微调即可。

代码

js
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