LazyLoad无需滚动

时间:2018-10-27 08:15:39

标签: javascript jquery lazyload

我正在使用lazyload(JS库),效果很好!我的页面很长,其中包含我使用lazyload的图像,如果向下滚动,效果会很好。

当我按下一个按钮,该按钮会在顶部隐藏一些div,并且页面上显示所有图像时,就会出现问题。 Lazyload不会加载提升用户视图的图像。

我该如何解决?我需要通知lazyload“请加载用户区域视图中的图像”。

谢谢!

1 个答案:

答案 0 :(得分:1)

如果您使用的是verlok's lazyload library,那真的很简单:您需要通知插件页面的布局已更改(或页面内容已重排)。可以通过以下方式完成:

var myLazyLoad = new LazyLoad();
// After your content has changed...
myLazyLoad.update();

...这将手动更新实例。就您而言,您需要在按下按钮时调用myLazyLoad.update():具体如何实现取决于您。

在此处查看API文档:https://github.com/verlok/lazyload#dynamic-content