xxj123_的博客

这里设置了一个样式来获取img节点(注：这里为什么不使用img属性来直接获取，下面再解释)（如下图，img存放的是一个用来过渡显示的图片，并不是真正的图片。注意（如果此时我们直接调用，只能显示页面打开一开始就小于浏览器高度的图片，因为只默认调用了一次，而现在需要的是滚动条滚动再触发，所有要绑定一个滚动事件）,这样就随着滚动条滚动触发事件。实现思路，当元素的距离浏览器的距离大于了浏览器的可视高度，就需要渲染图片。此时页面显示的效果就是我们准备好的，默认显示的图片(当然在真正的开发中，可能不需要默认图片)