日期:2014-05-16  浏览次数:20365 次

求jquery lazyload的数据延迟加载,或某一个区域模块延迟加载
不需要图片的延迟加载,希望数据延迟加载,
打个比方,一个div包含n行记录,但每次显示具体多少行,当滚动条向下移动时自动加载,或者数据距显示部分相差n像素的时候加载数据,必须用lazyload
------解决方案--------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
</head>
<body>
初始图片<img src="http://www.iaechina.net.cn/images/logo.gif"/>
<div id="lazyBox" style="margin-top:100px;">
    滚动才能看到图片
    <img width="120" height="90" class="lazyImg" alt="http://www.iaechina.net.cn/images/logo.gif" src="http://css.tudouui.com/skin/__g/img/sprite.gif" coords="_DAA"/>
    <img width="120" height="90" class="lazyImg" alt="http://www.iaechina.net.cn/images/logo.gif" src="http://css.tudouui.com/skin/__g/img/sprite.gif" coords="_DBA"/>
    </div>
<div style="height:1000px;">
&nbsp;
    </div>
  <script type="text/javascript">
   var isShow=false;
$(window).bind("scroll",function(){
if(isShow==true){
$(window).unbind("scroll");
return;
}
var t = $(document).scrollTop();
if (t>500){
isShow=true;
$(".lazyImg").each(function(){
$(this).attr("src",$(this).attr("alt"));
});
}
});
  </script>
  
</body>
</html>


这种?
------解决方案--------------------
引用:
引用:

当滚动条向下移动时,这个是个scroll事件呀。触发这个事件的时候,你ajax调用数据就行了嘛。

我们要做静态的,ajax是访问后台或接口了,是和lazyload延迟加载图片一样,加载页面的时候已经在下载了,只不过页面先显示,到了具体内容部分在把内容显示,因为我们是做b2c网站的,网站访问量大,这样做可以不减少浏览量的情况下减少发送数据……

你的意思是,你的数据已经取到了。只是显示的时候根据滚动条拖动来显示数据?