使用Javascript和Ajax的无限滚动手机

时间:2012-04-03 10:54:10

标签: php javascript ajax infinite-scroll

我想为移动网站实现无限滚动。 我想找到一个使用JS,PHP和Ajax的插件。

此外,它应该为Google图片搜索中的滚动显示更多内容。

先谢谢!!

3 个答案:

答案 0 :(得分:3)

你可以找到一个here PS:jQuery与智能手机运行良好,所以我想这应该适合你。

修改

在Windows Phone 7.5中完美运行

答案 1 :(得分:1)

答案 2 :(得分:1)

得到了一个代码:

<html>
   <body>
   <div id="test">scroll to understand</div>
   <div id="wrapper" style="height: 400px; overflow: auto;">
   <div id="content"> </div>
   </div>
   <script language="JavaScript">
   var more = '<div style="height: 1000px; background: #EEE;"></div>';
   var wrapper = document.getElementById("wrapper");
   var content = document.getElementById("content");
  var test = document.getElementById("test");
  content.innerHTML = more;

  function addEvent(obj,ev,fn) {
if(obj.addEventListener) obj.addEventListener(ev,fn,false);
else if(obj.attachEvent) obj.attachEvent("on"+ev,fn);    
 }

 function scroller() {
test.innerHTML = wrapper.scrollTop+"+"+wrapper.offsetHeight+"+100>"+content.offsetHeight;
if(wrapper.scrollTop+wrapper.offsetHeight+100>content.offsetHeight) content.innerHTML+= more;
}

addEvent(wrapper,"scroll",scroller);
</script>
</body>
</html>

但不是这个,我希望滚动发生在页面的末尾,因为jquery条件这个......如何在javaScript中执行此操作?

$(window).scrollTop() == $(document).height() - $(window).height()