滚动到底部加载更多

曹え 5811 发布于:2018-12-18 11:58:52

 <a id="nexturl" href="javascript:void(0);" class="nextpageml pblsxbtn" data-url="">
            <span class="result">加载更多</span>
        </a>


  var nexturl=$("#nexturl").attr("data-url");
  if(nexturl==""){
    nexturl=$(".dc-nxtpgfyml a").attr("href");
  }
  var isloading = 0;
  $(window).scroll(function() {
      if ($(document).scrollTop() <= 0) {
          //alert("滚动条已经到达顶部为0");
      }
      if ($(document).scrollTop() >= $(document).height() - $(window).height() - 100) {
         // alert("滚动条已经到达底部为" + $(document).scrollTop());
              if (isloading==1){return false;}
              if (nexturl==""){return false;}
              isloading = 1;
			$.ajax({
				type: "get",
				cache: false,
				url: nexturl,
				success: function(data) {
          //加载更多标语
          $(".result").html("loading...");
					var $result = $(data).find(".load-son");
          setTimeout(function(){
     					nexturl = $(data).find("#nexturl").attr("data-url");
              //nexturl=""; // 实际开发中,请把此句代码注释掉。
              //加载完毕,清空加载更多标语
              $(".result").html("加载更多");
              if (nexturl==""){
                $(".result").html("已经是全部了");
                $("#nexturl").removeClass("nextpageml");
              }
    					$("#wp-load").append($result);
              isloading = 0;
          }, 300); //加入延时函数,增加美观,并不影响网络请求,是请求过了,只是加载等待
				}
			})//ajax end
   }//if end
});// sroll end


觉得有用请点个赞吧!
1 583