Fatal编程技术网
  • javascript/
  • Javascript 如何使用Intersection Observer延迟加载我的文章卡？

Javascript 如何使用Intersection Observer延迟加载我的文章卡？

javascript html debugging

Javascript 如何使用Intersection Observer延迟加载我的文章卡？,javascript,html,debugging,lazy-loading,intersection-observer,Javascript,Html,Debugging,Lazy Loading,Intersection Observer,我有一个HTML页面，其中我使用CSS网格排列了6张卡片。我希望他们使用交叉点观察者惰性加载t软管卡。乍一看，根据视口宽度，人们只能看到两到三张卡片，向下滚动后，人们将看到总共6张卡片。假设我有40张卡片。如果我想在开始时只加载6张卡，而在用户滚动时只加载卡的其余部分，该怎么办。我试图实现这一点，但失败了。有人能帮我做到这一点吗？这是我的我创建的这个插件，它使用了intersection observer api-看看我的SimplyLazy.js文件，它应该可以帮助你了解这个插件是否只用于图像

我有一个HTML页面，其中我使用CSS网格排列了6张卡片。我希望他们使用交叉点观察者惰性加载t软管卡。乍一看，根据视口宽度，人们只能看到两到三张卡片，向下滚动后，人们将看到总共6张卡片。假设我有40张卡片。如果我想在开始时只加载6张卡，而在用户滚动时只加载卡的其余部分，该怎么办。我试图实现这一点，但失败了。有人能帮我做到这一点吗？这是我的

我创建的这个插件，它使用了intersection observer api-看看我的
SimplyLazy.js
文件，它应该可以帮助你了解这个插件是否只用于图像？任何使用
src
标记的插件，但是你可以从中提取一些逻辑