读书人

滚顶加载解决方案

发布时间: 2012-09-10 22:20:12 作者: rapoo

滚顶加载
$(document).ready(function() {
var page = $("input[name='page']:last").val();
$("#k-loading").show();
setTimeout("getData()", 1500);
$(window).scroll( function() {
var hght = $(window).height();
var top = $(window).scrollTop();
var hght1 = $(document).height();
var cout = (hght + top) / hght1 * 100;
if ( cout > 99) {
$("#k-loading").show();
$("#k-loadall").hide();
setTimeout("getData()", 1500);
}
});
});

var getData = function(){
//初始化
$.post("{:U('home/Contacts/loading')}",{page:page},function(data){
if(data){
$("#k_list").append(data);
$("#k-loading").hide();
$("#k-loadall").show();
}else{
$("#k-loading").hide();
$("#k-loadall").show();
}
});
};

想做一个滚动加载 但是 做到现在发现了一个问题

为什么没次 这个检测 scroll 都要返回两次

害的 ajax
执行两次



[解决办法]
http://hi.baidu.com/junbing_china/blog/item/bf2b4635fb903d1e4c088d32.html看看合适不。

读书人网 >JavaScript

热点推荐