关于分屏加载图片,像天猫、京东等电商图片较多页面很长,就采用了延迟加载技术。浏览器
目前很流行的作法就是滚动动态加载,显示屏幕以外的图片默认是不加载的,.net
随着页面的滚动,显示区域图片才被动态加载。事件
原理其实很简单,默认<img>标签中设置一个特别小的让人看不见的图片做为原始src路径,图片
再自定义一个属性存放原图片路径,经过绑定滚动事件,检查当前元素是否在浏览器窗口中,get
而后替换src路径动态加载图片。电商
<!--more-->原理
在这里分享下~下载
下载demogc