jquery 页面到底部自动加载内容

     <script type="text/javascript">
         $(document).ready(function () {
             var TotalPage = $("input[name=TotalPage]").val();
             var range = 50;             //距下边界长度/单位px  
             var elemt = 500;           //插入元素高度/单位px  
             var maxnum = TotalPage;            //设置加载最多次数  
             var num = 1;
             var totalheight = 0;
             var main = $("#contenst");                     //主体元素  
             $(window).scroll(function () {
                 var srollPos = $(window).scrollTop();    //滚动条距顶部距离(页面超出窗口的高度)  


                 //console.log("滚动条到顶部的垂直高度: "+$(document).scrollTop());  
                 //console.log("页面的文档高度 ："+$(document).height());  
                 //console.log('浏览器的高度：'+$(window).height());  


                 totalheight = parseFloat($(window).height()) + parseFloat(srollPos);
                 if (($(document).height() - range) <= totalheight && num != maxnum) {
                     var TotalPage = $("input[name=TotalPage]").val();
                     var nowPage = $("#pageBut").val();
                     var re = "{%$get.number(re,0)%}";
                     if (Number(nowPage) <= Number(TotalPage)) {
                         
                         var urlAjax = "{%#path%}?xmls=app/xmls/app-manualajax.xmls&tempid=" + Math.floor(Math.random() * 10000);
                         //ajax(同步)---start 
                         //alert(urlAjax);
                         $.ajax({
                             type: 'GET', async: false,
                             url: urlAjax,
                             data: { method: "moreContent", re: re, nowPage: nowPage },
                             success: function (date) {
                               
                                 $("#CoentenData").append(date);
                                 nowPage = Number(nowPage) + 1;
                                 if (Number(nowPage) <= Number(TotalPage)) {
                                     $("#pageBut").val(nowPage);
                                 }
                                 else {
                                     $("input[name=moreBut]").remove();
                                     $("#more").append('<input name="moreBut" class="butn4 lastav" type="button" value="没有更多数据..." />');
                                     range == 400;
                                 }
                             }
                         })
                         //ajax--end 
                     }
                     num++;


                 }
             });
         });

    </script> 

 <div class="Hotrecommend" id="contenst">
     <ul id="CoentenData">
    {%@moreContent()%}
         {@body}
     </ul>
                <input id="pageBut"  type="hidden" value="2" />
    </div>    
    <div class="more"  id="more"></div>