前端懒加载插件原生js使用方法
前端懒加载插件原生JS使用方法:
-
引入懒加载插件的JS文件和CSS文件。
-
在HTML中添加需要懒加载的图片或其他元素。将其src或background属性设置为一个占位符图片或颜色。
-
在JS中使用以下代码初始化懒加载插件:
var lazyload = new LazyLoad({
elements_selector: ".lazy"
});
其中,elements_selector表示需要懒加载的元素的选择器,".lazy"表示class为"lazy"的元素需要懒加载。
-
在需要懒加载的元素上添加class为"lazy"。
-
当页面滚动到需要懒加载的元素时,插件会自动将其src或background属性设置为真实图片或颜色。
原文地址: http://www.cveoy.top/t/topic/58E 著作权归作者所有。请勿转载和采集!