为<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>