HTML5有許多新特性，其中下拉刷新功能是比較實(shí)用的一個(gè)。下面是一個(gè)簡(jiǎn)單的HTML5下拉刷新代碼示例。

$(document).ready(function(){
$(window).bind("scroll",function(){
var top=$(document).scrollTop(),  //獲取當(dāng)前文檔的垂直滾動(dòng)距離
height=$(window).height();       //獲取當(dāng)前窗口的高度
if(top>height){                   //當(dāng)垂直滾動(dòng)距離大于當(dāng)前窗口的高度時(shí)
$("#loading").show();             //顯示“加載中”提示框
//執(zhí)行下拉刷新操作，此處省略具體實(shí)現(xiàn)代碼
$("#loading").hide();             //隱藏提示框
}
});
});

以上代碼設(shè)置了個(gè)滾動(dòng)事件，當(dāng)頁(yè)面滑動(dòng)到一定距離，即“下拉刷新區(qū)域”出現(xiàn)時(shí)，頁(yè)面將自動(dòng)觸發(fā)下拉刷新操作。在代碼中，我們添加了一個(gè)“加載中”提示框，來(lái)告訴用戶等待刷新完成。

這只是一個(gè)簡(jiǎn)單的下拉刷新示例，實(shí)際上下拉刷新還可以進(jìn)行更多功能擴(kuò)展，如新增、刪除、排序等操作。