javascript - 我可以延迟加载 html 卡吗？/我想在滚动时渲染它

Question

我怎样才能延迟加载写在 html 上的卡片？我希望它们在滚动后呈现，并且第一个必须始终是 randered。任何人都可以帮助完成这项任务吗？

提前致谢！

标签： javascripthtmlcssweblazy-loading

Answer 1

如果你有一个图像，你可以使用loading="lazy"例如：<img src="URL" loading="lazy">

您也可以使用此网站制作 On Scroll 动画：https ://michalsnik.github.io/aos/