Web Appはjqueryを使用してオリジナルアプリのlistViewコントロールのドロップダウンリフレッシュ効果をシミュレートします

HTML 5はモバイル版を書いて、いつもユーザーを下に引っ張って、それからクリックしてもっとロードして、そんなに眩しくないのではないでしょうか?!
大丈夫です.jqueryはオリジナルアプリのlistViewコントロールのドロップダウンリフレッシュ効果をシミュレートします.コードは以下の通りです.
JAvascriptコードは次のとおりです.

$(function(){
/*   APP        */
var range = 50;
var totalheight = 0;
var loading = false;
$(window).scroll(function(){
var srollPos = $(window).scrollTop();
totalheight = parseFloat($(window).height()) + parseFloat(srollPos);
if(($(document).height()-range) <= totalheight) {
if(!loading){
$.getMore();
}
}
});
/*      */
/*
$("#getMore").click(function(){
$.getMore();
});
*/
$.extend({getMore:function(){
loading = true;
var more = $("#getMore");
var page = more.attr("data-page");
var catid = more.attr("data-catid");
var totime = more.attr("data-totime");
var buyStatus = more.attr("data-buyStatus");
var keyword = more.attr("data-keyword");
$.ajax({
url : "xxxxxx.html",
type : "post",
data : {'page':page,'catid':catid,'totime':totime,'buyStatus':buyStatus,'keyword':keyword},
dataType : "json",
async : true,
beforeSend:function(){
  $("#loading").show();
},
success:function(res){
if(res.html != ''){
more.attr("data-page",res.page);
$(".main-padding").append(res.html);
$("#loading").hide();
loading = false;
}else{
Toast('      ',2000);
$("#loading").hide();
}
}
});
}});
});

HTMLコードは次のとおりです.

<div class="more">
<a id="getMore" href="javascript:;" data-catname="  " data-keyword="" data-page="1"><img src="/images/weixin/moreInfo.png" alt=""></a>
</div>