如何延迟加载div

延迟加载（Lazy Loading）是一种优化网页性能的技术，它可以在用户滚动到页面上的特定元素时才开始加载这些元素。对于`div`元素的延迟加载，以下是一些常见的方法：

1. 使用原生JavaScript

你可以使用`IntersectionObserver` API来实现延迟加载。

```javascript

// 创建一个IntersectionObserver实例

const observer = new IntersectionObserver((entries, observer) => {

entries.forEach(entry => {

if (entry.isIntersecting) {

// 当div进入视口时，执行加载操作

const div = entry.target;

div.classList.add('loaded');

observer.unobserve(div); // 加载完成后取消观察