jquery实现滚动到页面底部时无限加载内容的代码

1. var p="{$other.p}";
2. if(p=="") p=1;
3. var stop=true;//触发开关，防止多次调用事件
4. $(window).scroll(function() {
5. //当内容滚动到底部时加载新的内容 100当距离最底部100个像素时开始加载.
6. if ($(this).scrollTop() + $(window).height() + 100 >= $(document).height() && $(this).scrollTop() > 100) {
7. if(stop==true){
8. stop=false;
9. p=p+1;//当前要加载的页码
10. canshu="?t={$other.t}&p="+p+"&cid={$other.cid}";
11. //加载提示信息
12. $("#showlists").append("<li class='ajaxtips'><div style='font-size:2em'>Loding.....</div></li>");
13. $.get("__URL__/nextpage"+canshu,function(data){
14. $(".ajaxtips").hide();
15. $("#showlists").append(data);//把新的内容加载到内容的后面
16. stop=true;
17. })
18. }
19. }
20. });