Jquery.ScrollLoading圖片延遲加載技術

關於分屏加載圖片，像天貓、京東等電商圖片較多頁面很長，就採用了延遲加載技術。

目前很流行的作法就是滾動動態加載，顯示屏幕以外的圖片默認是不加載的，

隨着頁面的滾動，顯示區域圖片才被動態加載。

原理其實很簡單，默認<img>標籤中設置一個特別小的讓人看不見的圖片做爲原始src路徑，

再自定義一個屬性存放原圖片路徑，經過綁定滾動事件，檢查當前元素是否在瀏覽器窗口中，

而後替換src路徑動態加載圖片。

<!--more-->

在這裏分享下~

下載demo