防qq空间下拉效果。
<div id="user_list" class="col-xs-12 col-sm-12">
<div class="col-md-12 col-sm-12">
<div class="panel panel-default">
<div class="id panel-heading">
<input type="radio" name="join_id" value="1015">1015号
姓名:9
票数:8 </div>
<div class="panel-body">
<a href="/mobile/toupiao/index.php?m=Home&c=Index&a=video&video=http%3A%2F%2Fqadsg.com%2Fmobile%2Ftoupiao%2Fstatic%2Fmv%2F2016-05-15%2F57382529e82d7.mp4"><img style="width: 155px;height: 140px;" class="img-responsive center-block" src="/mobile/toupiao/./static/mv/2016-05-15/57382529e5012.jpg"></a>
</div>
</div>
</div><div class="col-md-12 col-sm-12">
<div class="panel panel-default">
<div class="id panel-heading">
<input type="radio" name="join_id" value="1014">1014号
姓名:8
票数:7 </div>
<div class="panel-body">
<a href="/mobile/toupiao/index.php?m=Home&c=Index&a=video&video=http%3A%2F%2Fqadsg.com%2Fmobile%2Ftoupiao%2Fstatic%2Fmv%2F2016-05-15%2F57382529e82d7.mp4"><img style="width: 155px;height: 140px;" class="img-responsive center-block" src="/mobile/toupiao/./static/mv/2016-05-15/57382529e5012.jpg"></a>
</div>
</div>
</div> </div>
js
1 <script> 2 var is_can_next = 1; 3 var _pa = 1; 4 $(window).scroll( function() { 5 loadData(); 6 } ); 7 8 function loadData(){ 9 //alert(2); 10 11 hei = $(document).height();//整个页面的高度 12 win_hei = $(window).height();//可见区域的大小 13 if ($(document).scrollTop() >= hei - win_hei) { 14 //$("#user_list").append(str); 15 if(is_can_next == 1){ 16 is_can_next = 0; 17 nextPage(); 18 } 19 } 20 if($('#toTop').scrollTop(500)){ 21 $('#toTop').show(); 22 }else { 23 $('#toTop').hide(); 24 } 25 } 26 function nextPage() { 27 var max_p = {$count}; 28 var p_url = "/mobile/toupiao/index.php?m=Home&c=Index&a=pullToRefresh&p="+_pa; 29 if (max_p == _pa ){ 30 str = ""; 31 str += "<p class=\"text-center\">没有更多数据"; 32 str += "</p>"; 33 34 $("#user_list").append(str);exit(); 35 } 36 $('#center_pullup').show(); 37 $.ajax( 38 { 39 url:p_url, 40 dataType: 'json', 41 success: function(result){ 42 var str = ""; 43 $.each(result.arr,function(index,array){ 44 45 str = "<div class=\"col-md-12 col-sm-12\">"; 46 str += "<div class=\"panel panel-default\">"; 47 str += "<div class=\"id panel-heading\">"; 48 str += "<input type='radio' name='join_id' value="+array['id']+">"+array['id']+"号 姓名:"+array['join_name']+" 票数:"+array['num']; 49 str += "</input>"; 50 str += "</div>"; 51 str += "<div class=\"panel-body\">"; 52 str += "<a href={:U('Index/video?video=')}"+array['video']+">"; 53 //str += "<img style=\"width: 155px;height: 140px;\" class=\"img-responsive center-block\" src=>"; 54 str += "<img style=\"width: 155px;height:140px; \" class=\"img-responsive center-block\" src="+array['img']+">"; 55 str += "</div>"; 56 str += "</div>"; 57 str += "</div>"; 58 59 $("#user_list").append(str); 60 }); 61 $('#center_pullup').hide(); 62 _pa++; 63 is_can_next = 1; 64 }, 65 error:function(){ 66 alert('出错啦'); 67 } 68 } 69 ); 70 } 71 function toTop(){ 72 window.scroll(0,0); 73 } 74 </script>

浙公网安备 33010602011771号