javascript - Lazy Load 使用问题

查看:76
本文介绍了javascript - Lazy Load 使用问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

$(function(){
    $("img.lazy").lazyload({
      effect:'fadeIn'
    });
    
});
<img class="lazy" src="images/list/mo.jpg" data-original="images/list/8.jpg" width="545px" height="320px">

这样的用法 鼠标往下拉 图片是会出现 但是用到苗点定位到某个楼层的时候图片就不加载了只出现默认图片 图片就不出现了

解决方案

那你看看跳到锚点的时候scroll事件有没有触发,如果没有,自己补偿一下。
或者你看看文档,是否有对锚点跳转的控制。
我也没用过这个插件,只写过原生,核心肯定还是基于scroll事件,如果实在解决不了自己写一下就好了,二三十行代码而已

这篇关于javascript - Lazy Load 使用问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆