js移动端滑动一个屏幕再加载新的数据以及ajax同步请求

js移动端滑动一个屏幕再加载新的数据

现在我们有一个美女图片的列表页，在这个列表页中有上千个美女的小图片。如果一次加载全部的图片那么需要一些时间，用户体验不是很好，因此采用边滑动边加载，那么现在的问题是滑动到什么程度再加载图片呢？

第一种方案，滑动到底部再加载新的图片（每次加载18个图片）

$(function(){ 
    $(window).scroll(
    		   
    	function(){ 
           if ((document.documentElement.scrollHeight) == (document.documentElement.scrollTop | document.body.scrollTop) + document.documentElement.clientHeight){
                 alert("加载新的图片");
                 }