<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(window).scroll(function() {
  var h = $(this).scrollTop();// + $(this).height();
  var t = $('#control').offset().top;
  if( h >= t) {
    $("#view").html($("#view").html() + h + ':' + t + ' new data </br>');
  }
  });
});
</script>

<div id=view></div>
<div id=control style='height:300pt'>控制位</div>

------解决方案--------------------
简单啊，滚动条滚动到指定位置就用AJAX拉取新的记录，每次拉取缓存一下最后一条记录的ID。

在DIV里显示内容，判断滚动条位置到达DIV底部的时候，执行拉取方法就好了。

------解决方案--------------------
document.documentElement.scrollTop || document.body.scrollTop|| 0;
先判断scroll距离顶部的值。你想要三页，你大概的算一下三页的高度。
if(s<3000){
    //假如3000是你三页的高，那么小于3000的就让它继续加载内容
}else{
    //如果等于或者大于了，那么就在这里show出你的分页。
}

//根据你的实际情况去修改，思路你懂了吗