关于Lazyload遇到的问题

发布于 2022-09-01 22:10:51 字数 432 浏览 12 评论 0

有木有人使用Lazyload发现每次刷新页面lazyload都会运行,这个会导致第二次以及之后每次进入这个页面的体验还不如不使用lazyload啊.

 $("img").lazyload({
            placeholder : "/static/img/pop_up_layer/hp/touming.png", //用图片提前占位
            threshold: 400, // 提前开始加载
            event : "sporty"
        });
        $(window).bind("load", function() {
            var timeout = setTimeout(function() {$("img").trigger("sporty")}, 1000);
        });     

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

初与友歌 2022-09-08 22:10:51

1)你属性页面是要重载页面的,JS要重新加载执行的,lazyload自然也就要执行
2)lazyload的目的是不要等到页面资源全部加载完毕后再显示页面,特别是针对图片信息。有些页面很长,大大超出用户浏览器的视图窗口大小,那么当前用户看不见的图片及相应的资源就没必要加载,等到用户自然滚动到页面相应位置或跳转到相应位置(JS判断控制)时,发起Lazyload请求去请求实际的内容显示到页面上或者把实际的图片URL地址赋值给img元素(之前可能只是个占位图片)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文