Javascript 如何使用卡在div中实现延迟加载？

在我的研究过程中，我看到了一些关于如何使用图像和iFrame创建延迟加载的教程。但是，我找不到任何关于如何在包含任何其他类型内容的div中执行此操作的教程

我有一个div调用一个googletagmanager脚本，我想让这个div只在用户在我的页面上滚动时加载

---

有人知道怎么做吗？

来自@bo wahlstrøm的评论正是你需要走的路线。这是一个基本思想，延迟加载是一种黑客行为，它几乎可以应用于任何事情！是的，没错

怎么会这样？ 假设图像标记具有src属性。JS脚本等也一样。当这些属性的值发生变化时，浏览器狂热地硬连线来获取任何东西

因此，我们所做的是在初始加载时，我们将

保持为空，但添加另一个数据属性，它不会产生任何狂热的影响

一旦你得到了交叉点观察者的手，我们只要在用户接近观察者框的某个像素时注入src值，例如从底部开始的100px或任何情况。 因此

将变成

对scriptsrc属性执行同样的操作，它应该可以做到这一点。你甚至可以对css url属性做同样的操作

---

这就是它的全部功能。

请听页面滚动，一旦它触发，请加载您的div并删除此侦听器。我不确定它是否适用于div等。然而，如果您愿意，您可以使用WebSocket、ajax或类似工具手动完成？非常感谢，它按我所期望的那样工作，它确实工作了，请始终记住UI效果更多的是在时间线中进行的概念性播放。现在，我们称之为感知印象或影响……无论它在技术上是如何隐藏的。延迟加载只是用户感觉到的一种印象，即网站正在快速加载，相信flash中加载的一切都是正常的，只是我们没有加载任何不在第一个浏览器查看端口中的内容。在过去，只是添加了一个注释：延迟加载实际上是为了减少服务调用，也就是为用户甚至看不到的资源节省服务器带宽。现在，浏览器已经更进一步地实现了前瞻功能，他们做了同样的延迟加载，试图找出用户将去哪里获取资源，并成功地缓存资源以快速加载。现在，从用户界面体验的角度来看，延迟加载的好处之一是无阻塞功能。它不会阻止DOM疼痛或其他东西。浏览器在运行中一次只能获取大约3-6个图像，所以如果你的google脚本需要很长时间，那么延迟加载（它将被缓存）。现在days的游戏是让用户尽快和页面交互，这就是谷歌的3秒加载规则。这就是金钱的价值所在。