无需滚动的 LazyLoad
LazyLoad without scrolling
我正在使用 lazyload（JS 库）并且效果很好！我有一个很长的页面，其中包含我使用 lazyload 的图像，如果我向下滚动，它会完美运行。
当我按下一个在顶部隐藏了一些 div 的按钮时，问题就出现了，页面出现了所有图像。 Lazyload 不会加载提高用户浏览量的图像。
我该如何解决这个问题？我需要一些东西来通知 lazyload "please, load the images that are now in the user area view".
谢谢！
如果您使用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
我正在使用 lazyload（JS 库）并且效果很好！我有一个很长的页面，其中包含我使用 lazyload 的图像，如果我向下滚动，它会完美运行。
当我按下一个在顶部隐藏了一些 div 的按钮时，问题就出现了，页面出现了所有图像。 Lazyload 不会加载提高用户浏览量的图像。
我该如何解决这个问题？我需要一些东西来通知 lazyload "please, load the images that are now in the user area view".
谢谢！
如果您使用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