剛開始后邊沒有內(nèi)容,向下滾動后邊的內(nèi)容逐漸加載進來
你看是不是Kappa天貓旗艦店的春夏新品的那種特效。https://kappa.tmall.com/view_...
這種特效是通過fixed實現(xiàn)的,就是平時那些網(wǎng)站打廣告采用的方法。
懶加載方案,主要的作用是降低服務(wù)器負擔(dān)
https://www.w3cways.com/1765....
剛剛看見你的題目我以為是下拉加載,下拉加載我一般是使用dropload來實現(xiàn)
后來看見一樓寫的又覺得你可能是需要js特效
一直下拉一直加載再加動畫可以使用fullPage.js實現(xiàn)
其實就是分頁,可以參考下面兩個:
jquery iscroll上拉 下拉加載內(nèi)容:
http://www.kuitao8.com/201501...
dropload.js:
https://github.com/ximan/drop...
我在商城的訂單列表頁用到了你說的“加載更多”的效果,用的是Layui里的“流加載”,效果不錯。
demo:http://www.layui.com/demo/flo...
flow.load({
elem: '#LAY_demo2' //流加載容器
,isAuto: false //是否自動加載更多
,isLazyimg: true //圖片懶加載
,done: function(page, next){ //加載下一頁
//模擬用ajax請求數(shù)據(jù)
setTimeout(function(){
var lis = [];
for(var i = 0; i < 6; i++){
lis.push('<li><img lay-src="http://s17.mogucdn.com/p2/161011/upload_279h87jbc9l0hkl54djjjh42dc7i1_800x480.jpg?v='+ ( (page-1)*6 + i + 1 ) +'"></li>')
}
next(lis.join(''), page < 6); //假設(shè)總頁數(shù)為 6
}, 500);
}
});