滚动条到最下面时自动加载内容,JS实现

2. //Author:数据库之家
3. //URL:http://blog.peos.cn
5. var page=0;
6. $(window).scroll(function() {
7.     var o = $('#jokelist');
8.     if(o!=null ){
9.         //var hght= document.body.scrollHeight;
10.         //var clt =document.documentElement.clientHeight;
11.         //var top= document.documentElement.scrollTop ;
12.         var hght= $(document).height();// 整个页面的高度
13.         var clt =$(window).height(); // 当前可见页面高度
14.         var top= $(document).scrollTop();// 滚动条距顶部高度
15.         if(top>=(parseInt(hght)-clt)>>page<5){//加载前5页的
16.             page=parseInt(page)+1;
17.             ReadMore(page);
18.         }
19.     }
20. }); 
21.  
22.  
23.  
24. function ReadMore(page){
25.     $("#news-bottom-list").html('正在获取信息...');
26.     $("#news-bottom-list").append('<img src="img/dailyfun/loading2.gif">');
27.     next=parseInt(page)+1;
28.     setTimeout(function(){
29.         html=$.get('readmore.php','p='+page+'>s=10',function (data){
30.             $("#jokelist").append(data);
31.             if(next<=5){
32.                 $("#news-bottom-list").html("<a href='javascript:void(0);' onclick='ReadMore("+next+");'>查看更多资讯↓</a>");
33.             }else{
34.                 $("#news-bottom-list").html("");
35.             }
36.         });
37.     },500);//等待0.5S后开始加载，你也可以去掉这个时间
38.     
39. }