這是html5下拉刷新和上拉加載更多下載，現(xiàn)在已經(jīng)不是純Android獨(dú)霸天下的時(shí)代了，H5嵌入Android的Hybrid混合開發(fā)是大勢所趨。今天給大家?guī)�來的就是移�?dòng)端中常見的“上拉刷新，下拉加載”特效，這個(gè)特效將會(huì)基于H5來實(shí)現(xiàn)。463紅軟基地

軟件介紹

html5下拉刷新和上拉加載更多是前一段有個(gè)手機(jī)端的項(xiàng)目需要用到下拉刷新和上拉加載更多的效果，腦海里第一反映就是微博那種效果，剛開始的理解有些偏差，以為下拉也是追加數(shù)據(jù)，上拉也是追加數(shù)據(jù)，后請教同事后發(fā)現(xiàn)其實(shí)下拉只是刷新最新數(shù)據(jù)而已，上拉是追加數(shù)據(jù)。463紅軟基地

軟件說明

1、引用iScroll.js， 在初始化時(shí)添加兩個(gè)事件監(jiān)聽：touchMove、DOMContentLoaded。463紅軟基地
2、實(shí)現(xiàn)iScroll插件的onScrollEnd事件， 也就是在這個(gè)事件里調(diào)用你自己的ajax方法實(shí)現(xiàn)數(shù)據(jù)的刷新和追加。463紅軟基地
3、上拉加載更多請求后臺(tái)時(shí)就相當(dāng)于分頁請求數(shù)據(jù)，這時(shí)候需要在ajax請求時(shí)發(fā)送pageIndex參數(shù)，而初始化加載時(shí)需要從后臺(tái)返回一個(gè)pageCount以便前臺(tái)判斷。463紅軟基地
4、最關(guān)鍵的就是實(shí)現(xiàn)下拉刷新方法(pullDownAction)和上拉加載更多(pullUpAction)方法。463紅軟基地

相關(guān)介紹

html5 實(shí)現(xiàn)下拉刷新和下拉加載更多實(shí)現(xiàn)分頁功能。463紅軟基地

軟件截圖

 463紅軟基地