首页 > 解决方案 > 如何使用 Intersection Observer 延迟加载我的文章卡?

问题描述

我有一个 HTML 页面,我在其中使用 CSS 网格排列了 6 张卡片。我希望他们使用Intersection Observer延迟加载软管卡。乍一看,根据视口宽度,人们只会看到一排两三张卡片,向下滚动后,人们会看到一共六张卡片。假设我有 40 张卡片。如果我想一开始只加载 6 张卡片,只在用户滚动时加载卡片的其余部分怎么办?我试图实现这一点,但失败了。谁能帮我实现这一目标?这是我的GitHub 存储库链接

标签: javascripthtmldebugginglazy-loadingintersection-observer

解决方案


推荐阅读