常常会有这样子的页面，内容很丰富，页面很长，图片较多。比如说光棍节很疯狂的淘宝商城页面。或者是前段时间写血本买了个高档耳机的京东商城页面，或者是新浪微博之类。

这些页面图片数量多，而且比较大，少说百来K，多则上兆。要是页面载入就一次性加载完毕。乖乖，估计黄花都变成黄花菜了。所以，我们得做点什么，避免这种糟糕的状况发生。目前很流行的做法就是滚动动态加载，显示屏幕之外的图片默认是不加载的，随着页面的滚动，这个要显示图片的区域进入了浏览器可是窗口范围，则触发图片的加载显示。这种做法的好处是，一是页面加载速度快（浏览器转啊转的圈圈或是进度条很快就玩完了），二是节约了流量，因为不可能每个用户浏览页面时从头滚到尾的。

本文就是讲解如何通过jQuery实现这类滚动动态加载的实现。提供源代码下载，提供demo页面以及必要的截图展示。希望能对您的学习有所帮助。

阅读全文…