iscroll上拉加載刷新插件
![]() 手機(jī)常用特效,上拉加載特效代碼。 本地預(yù)覽請(qǐng)用火狐瀏覽器,Chrome本地預(yù)覽有跨域問(wèn)題 1、里面的ajax部分是自己寫(xiě)的本地?cái)?shù)據(jù)。 2、你也可以把a(bǔ)jax的部分注釋了, //sumL = data.body.totalNum;并且注釋這行代碼,在上面變量sumL=n,給一個(gè)數(shù)值,用于顯示請(qǐng)求回來(lái)的數(shù)據(jù)的長(zhǎng)度。 3、刷新滾動(dòng)條的方法是自己添加的。頁(yè)面初始化(請(qǐng)求ajax以后,添加數(shù)據(jù),iscroll獲取不到滾動(dòng)條的位置,會(huì)造成一個(gè)頁(yè)面鎖死的狀態(tài),往上滑動(dòng)的時(shí)候,是劃不動(dòng)的。所以呢,在添加數(shù)據(jù)之后,調(diào)用刷新滾動(dòng)條的高度就可以解決了)以后。 4、在loaded里面做了判斷(判斷數(shù)據(jù)是否加載完畢) 5、下拉刷新,之前默認(rèn)的是(下拉刷新是刷新滾動(dòng)條的高度),后面改成(下拉刷新刷新整個(gè)頁(yè)面并添加了一個(gè)隨機(jī)數(shù)用于清楚緩存-----類似于F5的功能)--(這里有個(gè)問(wèn)題,當(dāng)頁(yè)面展示區(qū)也就是(滾動(dòng)區(qū)域)小于某個(gè)高度的時(shí)候,觸發(fā)下拉刷新的同時(shí)會(huì)觸發(fā)上拉加載,大于某個(gè)高度的時(shí)候并不會(huì)觸發(fā)上拉加載,由于在這里是處理的是,下拉刷新是刷新整個(gè)頁(yè)面(上拉加載還是好使的),反正也是刷新,就讓他刷新整個(gè)頁(yè)面了。在這里誰(shuí)有好的方法解決最小高度的問(wèn)題,歡迎評(píng)論) 6、數(shù)據(jù)添加(具體的數(shù)據(jù)添加方法,可自己寫(xiě),我是一次全部請(qǐng)求回來(lái),存在本地,然后每次添加需要的條數(shù),你也可以每次觸發(fā)上拉加載,去請(qǐng)求數(shù)據(jù)接口,完事以后添加進(jìn)去) 7、你可以在頁(yè)面中引入一個(gè)iscroll的壓縮版js(壓縮后只有4K)。 |
相關(guān)素材
|
iscroll上拉加載刷新插件
- 消耗金幣:1 個(gè) [充值金幣] [升級(jí)VIP免金幣]
- 查看演示 立即下載
- 消耗金幣:1 個(gè) [充值金幣] [升級(jí)VIP免金幣]
- 查看演示 立即下載
- 山不在高 剛剛下載了一個(gè)素材
- 劍膽琴心 剛剛下載了一個(gè)素材
- Kent 剛剛下載了一個(gè)素材
- Cassius 剛剛下載了一個(gè)素材
- 金維 剛剛下載了一個(gè)素材
- qqHpVD 剛剛下載了一個(gè)素材
- 超哥來(lái)疼你 剛剛下載了一個(gè)素材
- 傳聞中的張先生Y 剛剛下載了一個(gè)素材
- qq皮皮皮rPZ 剛剛下載了一個(gè)素材
- 向陽(yáng)生長(zhǎng) 剛剛下載了一個(gè)素材
- KONLI 剛剛下載了一個(gè)素材
- 冠王創(chuàng)客 剛剛下載了一個(gè)素材
- whisper1 剛剛下載了一個(gè)素材
- 無(wú)言微笑 剛剛下載了一個(gè)素材
- Am4862 剛剛下載了一個(gè)素材
熱門素材推薦