关于懒加载的疑问
来源：5-19 图片懒加载实现
会游泳的兔子先森
2020-04-01
懒加载的原理应该是图片移到可视区才去加载
问题1：如上图，这里源代码是用opacity来实现的，hover: opacity 由 0 ⇒ 1，那么页面刚刚初始化的时候 opacity = 0，这种情况下元素应该是在可视区内吧？那此时已经去加载了，这里是不是不太合理，如何改善呢？
是否可以用 hover: display: 0 ⇒ 1 来实现 ( 鼠标移上去 ) 才去加载图片 ？
问题2：如上图，此时我根本没有滚动到页面底部 ( 划重点 )，当我滚动到这里时，这些图片已经加载好了，不符合常理鸭，那这里如何改善呢？
总结问题：
1.在NavHeader中, 我根本没有hover上去, 为啥要去加载图片呢？
2.我根本没有滚动到页面底部图片区，为啥又要去加载呢？
写回答
1回答
-
河畔一角
2020-04-01
目前来看，这是vue-lazyload插件的bug，这个插件1.3版本开始是延迟加载，而不是可视区域加载。
提供一个此问题的issues：https://github.com/hilongjw/vue-lazyload/issues/372
00
相似问题