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

【问题标题】：Adding lazy loading for <div> element为 <div> 元素添加延迟加载
【发布时间】：2018-03-21 13:57:47
【问题描述】：

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

谁能帮我解决一些插件或自己的js代码。

【问题讨论】：

【解决方案1】：

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

只需按照文档中的说明使用此脚本即可。

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

【讨论】：