用户访问首页时,要求尽可能的数据,对一开始就加载所有的数据时很不明智的一种选择,可以先加载十几条数据,根据用户滚动页面,到了快没数据的时候再加载剩余的数据
写了一个简单的小例子,代码如下
$(document).ready(function(){
restaurantScroll()
})
function restaurantScroll(){
if($(window).scrollTop() > 1000&&start == 0){
height = height + 655;
start = 0 + 10;
containerheight = containerheight + 1410 + 200;
$.ajax({
type: "post",
url: "/restaurant/map/lazyload.php",
data: {start: start},
stamp : Math.random(),
success: function(data){
if(data.length > 2){
var markers = JSON.parse(data);
map.setZoom(14);
scrollstate = false;
restaurantInfor(markers, false, true);
markerManager.reloadMarkers(markers,true);
// $("#container").css("height",containerheight);
}
}
});
}
}