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

Question

I want to implement infinite scroll for the mobile website. 我想为移动网站实现无限滚动。 I want to find a plugin for this which uses JS,PHP and Ajax. 我想为此找到一个使用JS，PHP和Ajax的插件。

Also it should have show more for scroll like the one in Google Images Search. 同样，它应该显示更多滚动内容，例如Google图片搜索中的滚动内容。

Thanks in Advance!! 提前致谢！！

Answer 1

you can find one here PS: jQuery runs fine with smartphones so i guess this should work fine for you. 您可以在这里找到一个PS：jQuery在智能手机上运行良好，所以我认为这应该对您来说很好。

Edit 编辑

Works perfect in a Windows Phone 7.5 在Windows Phone 7.5中完美运行

Answer 2

Got a code : 得到一个代码：

<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>

But instead of this i want scroll to happen at the end of page as this jquery condition this..How to do this in javaScript ? 但是，除了这个，我希望滚动发生在页面末尾，因为这个jquery条件是this ..如何在javaScript做到这一点？

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

Answer 3

This link may be useful for you 此链接可能对您有用

http://www.webdeveloperjuice.com/2010/02/24/create-infinte-scroll-effect-using-jquery-with-demo/ http://www.webdeveloperjuice.com/2010/02/24/create-infinte-scroll-effect-using-jquery-with-demo/

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

问题描述

3 个解决方案

解决方案1
3 2012-04-03 11:00:07

Edit 编辑

解决方案2
1 2012-04-06 09:27:06

解决方案3
1 2012-04-03 11:03:13

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

问题描述

3 个解决方案

解决方案1 3 2012-04-03 11:00:07

Edit 编辑

解决方案2 1 2012-04-06 09:27:06

解决方案3 1 2012-04-03 11:03:13

解决方案1
3 2012-04-03 11:00:07

解决方案2
1 2012-04-06 09:27:06

解决方案3
1 2012-04-03 11:03:13