zoukankan      html  css  js  c++  java
  • jq滚动到底部加载更多方法

     // 滚动到底部加载更多方法
    var windowHeight = $(window).height(),
         canLoad = true; // 允许请求后台
    $(window).bind('scroll', loadMore);


    function loadMore() {
       var scrollTop = $(window).scrollTop();
       var scrollHeight = $(".content").outerHeight(true);  // 为内容的高度
       if (scrollTop + windowHeight > scrollHeight) {    //  滚动条滚动的高度如果大于窗口的高度加内容的高度,即滚动到底部
          if(canLoad){
              $.ajax({
                url     : url,
                type    : 'get', //GET
                async   : false, //或false,是否异步
                data    : { },  // 传给后台的参数
                success: function (data) {
                  if (data.statusCode == 200) {
                      // 处理结果
                  } else if (data.statusCode == 204) {
                    // 返回的数据为null
                    canLoad = false;
                  }
                }

              });
          }
      }
    }

  • 相关阅读:
    08-Linux命令【rm】
    07-Linux命令【mv】
    06-Linux命令【cp】
    05-Linux命令【rmdir】
    04-Linux命令【mkdir】
    03-Linux命令【ls】
    02-Linux命令【cd】
    01-Linux命令【pwd】
    智慧城市3D园区
    自我觉醒
  • 原文地址:https://www.cnblogs.com/Cchuying/p/8652190.html
Copyright © 2011-2022 走看看