为 <div> 元素添加延迟加载

Question

我需要为页面中的整个 div 元素添加延迟加载，而不是单独的延迟加载图像。

你能帮我一些插件或自己的​​ js 代码。

Answer 1

你可以使用这个插件。它很有帮助，并且会为你解决问题。

https://github.com/emn178/jquery-lazyload-any

只需按照文档中所示使用此脚本即可。

<div id="you-want-lazyload">
  <!--
    <p>Anything you want to lazyload</p>
  -->
</div>

JavaScript

$('#you-want-lazyload').lazyload(options);

希望它会有所帮助。

编辑

HTML 属性样式

<div id="you-want-lazyload" data-lazyload="&lt;p&gt;Anything you want to lazyload&lt;/p&gt;">
</div>

脚本风格

<div id="you-want-lazyload">
  <script type="text/lazyload">
    <p>Anything you want to lazyload</p>
  </script>
</div>