jQuery实现无限往下滚动效果代码【jquery】

web前端|js教程 jQuery实现无限往下滚动效果代码【jquery】

jQuery,无限往下,滚动效果

web前端-js教程

课程设计租房管理系统源码,vscode如何提交svn,ubuntu 字体苹果,tomcat解压怎么运行,持续爬虫,php 删除目录文件内容,遵义seo优化推广公司,bootstrap 电影网站模板,z-blog个人博客双栏模板lzw

这是仿照腾讯的微薄上的一个效果。滚动条可以无限的网下滚动并且无刷不断从数据库中获取新的数据。

漂浮源码,ubuntu用着用着卡死,与tomcat相类似的容器,爬虫都会哪些知识,菜鸟教程php测试技术学习,seo反面教学lzw

body{ font-family: "Trebuchet MS",verdana,arial;}#loading{ display:none; font-weight:bold;color:#FF0000;}p { padding:10px;}loading data... 
新年活动网页源码,ubuntu代码怎么运行,自己动手学爬虫,php刷新div,分析seo 营销lzw
$(function(){   var isOK=true;//记录上次访问是否已经结束，如果ajax也有线程就好了   var scrollH=0;//判断是往上滚还是往下滚   var intI=1;  // loading层是固定在页脚的记录牌   $(".loading").css({"right":"2","bottom":0});   $(".loading")   .ajaxStart(function(){    isOK=false;//执行ajax的时候把isOK设置成false防止第一次没有执行完的情况下执行第二次易出错    $("#loading2").show();     })   .ajaxStop(function(){     isOK=true;     $("#loading2").hide();     })  $(window).scroll(function(){   //控制load层   document.getElementByIdx_x_x("loading").style.top=document.documentElement.scrollTop+"px";    //触法ajax条件 可以换算成百分比更好  if($(document).height()-$(window).scrollTop()-document.documentElement.clientHeightdocument.documentElement.scrollTopY)   {    $(".loading").append("
向上滚不执行")    scrollH=document.documentElement.scrollTop;//记录新位置    return;    }   if(isOK)//如果是第一次或者上次执行完成了就执行本次   {     scrollH=document.documentElement.scrollTop;//记录新位置     $(".loading").append("
~~执行了ajax。。。。。
")     isOK=false;   $.ajax({     type:"POST",     dataType: 'xml',     url:"http://localhost:49302/MY100/2010/WebService1.asmx/getDS",     error:function(e){      $(".main").append('发生了错误：'+e)      },     success:function(data){      try{      $(data).find("Table").each(function(i){         $(".main").append("结果："+$(this).children('txtTitle').text()+"
");         $(".main").append("结果："+$(this).children('txtBody1').text()+"
");         $(".main").append("结果："+$(this).children('txtBody2').text()+"
");         $(".main").append("结果："+$(this).children('txtBody3').text()+"
");         $(".main").append("结果："+$(this).children('txtBody4').text()+"
");         $(".main").append("结果："+$(this).children('ID').text()+"
");         })//each      }      catch(e){       $(".main").append(""+e+"
")      }      }//success     })//ajax     }//if(isOK)     else     {      $(".loading").append("
~~你是向下滚了，但是上次还没有执行完毕，等等吧
")     }   }// 触法ajax条件   })//scroll})//Jquery 结束处

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery切换特效与技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》