zoukankan      html  css  js  c++  java
  • 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.             
    8.           if(stop==true){  
    9.               stop=false;  
    10.               p=p+1;//当前要加载的页码    
    11.               canshu="?t={$other.t}&p="+p+"&cid={$other.cid}";  
    12.                //加载提示信息  
    13.                $("#showlists").append("<li class='ajaxtips'><div style='font-size:2em'>Loding.....</div></li>");  
    14.                $.get("__URL__/nextpage"+canshu,function(data){  
    15.                    $(".ajaxtips").hide();  
    16.                    $("#showlists").append(data);//把新的内容加载到内容的后面  
    17.                    stop=true;  
    18.                })  
    19.          }  
    20.       }    
    21.   });   
     
     
  • 相关阅读:
    敏捷开发-各个原则的理解
    DWH中增量数据的抽取
    SSIS的部署和配置
    Checkpoint 和Breakpoint
    两种动态SQL
    SQLServer查询计划
    程序员接项目的经验1
    Date.prototype.format
    前端颜色选择器
    Idea快捷键和使用技巧【未完】
  • 原文地址:https://www.cnblogs.com/yzadd/p/6495336.html
Copyright © 2011-2022 走看看