query 滚动到网页底部加装数据

现在很多的网页尤其是移动平台的页面多采用滚动加载数据。提升用户体验，是个不错的选择。　　　　

这个貌似很牛逼的效果用jquery 实现起来非常简单。

$(window).scroll(function(){//滚动到底部加载图书
    var hight=$(document).height();//网页全部高度
    var clientHeight=$(window).height();//网页可见区域高度
    var scorllTop=$(window).scrollTop();
    if(scorllTop+clientHeight==hight){
      loadingIcon('.w-load')
      $('.spin').show();
      if($('#navFix>ul>li:eq(0)').hasClass('crt')){
        pay.ajaxrank('付费榜','#paybook','/store、',300);
      } else if($('#navFix>ul>li:eq(1)').hasClass('crt')){
        free.ajaxrank('免费榜','#freebook','/store/',300);
      } else if($('#navFix>ul>li:eq(2)').hasClass('crt')){
        newbook.ajaxNonumber('最新上架','#newbook','/store/',21,300);
      }
    }
});

　scroll();只要滚动条改变就触发，这个不用细说了。

var hight=$(document).height();//网页全部高度。注意是$(document)，不是$(winodw)

var clientHeight=$(window).height();//网页可见区域高度，也就是整个页面高度。

var scorllTop=$(window).scrollTop();//滚动条向上滚动的高度。

if(scorllTop+clientHeight==hight)//如果滚动的高度+网页的可见区域高度=网页全部高度，就触发，载入一个loading图标，然后执行ajax加载数据，
剩下的要靠自己来写了就不说了，如果有人感兴趣再接着谈吧！