問(wèn)題描述

剛開(kāi)始后邊沒(méi)有內(nèi)容，向下滾動(dòng)后邊的內(nèi)容逐漸加載進(jìn)來(lái)

問(wèn)題解答

你看是不是Kappa天貓旗艦店的春夏新品的那種特效。https://kappa.tmall.com/view_...

這種特效是通過(guò)fixed實(shí)現(xiàn)的，就是平時(shí)那些網(wǎng)站打廣告采用的方法。

dropload事件

懶加載方案，主要的作用是降低服務(wù)器負(fù)擔(dān)https://www.w3cways.com/1765....

剛剛看見(jiàn)你的題目我以為是下拉加載，下拉加載我一般是使用dropload來(lái)實(shí)現(xiàn)后來(lái)看見(jiàn)一樓寫(xiě)的又覺(jué)得你可能是需要js特效一直下拉一直加載再加動(dòng)畫(huà)可以使用fullPage.js實(shí)現(xiàn)

其實(shí)就是分頁(yè)，可以參考下面兩個(gè):jquery iscroll上拉 下拉加載內(nèi)容:http://www.kuitao8.com/201501...dropload.js:https://github.com/ximan/drop...

我在商城的訂單列表頁(yè)用到了你說(shuō)的“加載更多”的效果，用的是Layui里的“流加載”，效果不錯(cuò)。demo：http://www.layui.com/demo/flo...flow.load({

elem: ’#LAY_demo2’ //流加載容器,isAuto: false //是否自動(dòng)加載更多,isLazyimg: true //圖片懶加載,done: function(page, next){ //加載下一頁(yè) //模擬用ajax請(qǐng)求數(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è)總頁(yè)數(shù)為 6 }, 500);}

});