您的位置：首页 > Web前端 > JavaScript

JS滚动加载

2016-12-05 14:13 120 查看

<script type="text/javascript">
var count = 0;
$(function(){
if(pageIndex==1){
BindData();
}
});

function fenye(){
BindData();
count=0;
}

function BindData(){
$.getJSON(url+"?pageIndex="+pageIndex+.................+"&jsonpCallback=?", function(data) {
var objs = eval(data.newsList);
var htmlStr = "<li>........................."</li>";
$(".news_list").append(htmlStr);

//总条数
$("#lblToatl").val(data.totalCount);
//总页数
$("#lblPageCount").val(data.totalPage);
});
}

//滚动动态加载
$(window).scroll(function(){
// 当滚动到最底部以上50像素时， 加载新内容
if ($(document).height()-$(window).scrollTop()-$(window).height()<50){
var pageCount = parseInt($("#lblPageCount").val());
if(count==0){
if (pageIndex != pageCount){
pageIndex++;
if(pageIndex!=1){
count++;
setTimeout('fenye()',1500);   //2秒后执行BindData(),只执行一次
}
} else{
return false;
}
}

}

});
</script>
<body>
<div >
<ul >
..................
</ul>
<input type="hidden" id="lblToatl" value=""/>
<input type="hidden" id="lblPageCount" value=""/>

</div>
</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航