live search 图片搜索显示效果

Question

例如这个搜索结果
http://cnweb.search.live.com/images/results.aspx?q=mm&go=&form=QBLH&scope=images#

当你滚动下拉时，图片就会自己自动的加载，而不需要分页，请问这个效果有高手会实现吗？

说说简单的流程和 制作 方法？
最后用JQurey实现。

小弟啼哭跪倒~~~！求恩人帮助。

Answer 1

？我之前不是回答过这个问题。。。。。

你通过监听它的下拉，判断那个div的scrollTop属性，scrollTop如果增加了一定大小，就发起新的ajax请求，然后将返回的图片添加到div里面

jquery的话更好办。比如你要展现图片的div id为 s

var orgScrollTop = $("#s")[0].scrollTop;
$("#s").scroll(function(){

if(this.scrollTop>95360)return;
if(this.scrollTop-orgScrollTop>200){
orgScrollTop = this.scrollTop;

$.ajax(xx,xx,function(data){

将data添加到div中

});

}

});
稍微看了下那个代码，它的滚动条也是用滚动下限的，最大不超过95360.这个伪代码基本可用，你稍微改造一下就可以。总的原理就是这样，对于滚动条事件触发时候，不断判断用户拖动的滚动条的距离。如果大于一定距离，就执行ajax请求，并将返回的数据添加到div中