如何在滚动<div> </div>时加载数据

Question

现在，我做了类似这样的事情：tutorial @9lessons.info

在向下滚动窗口时加载数据并且工作正常。但我想尝试类似：when you scroll a div, then it loads the data.

请帮我解决这个问题，或者直接指向任何有教程的链接，它解释了如何执行data download并在滚动div时将其添加到DOM中。

Answer 1

有很多可能的解决方案。例如，您可以获取文档的scrollTop，当文档到达height of the document - viewport height时，您知道自己位于页面底部。这是teletubbie-pseudo-code中的自定义方法。但也许您可以将jQuery与Twitter bootstrap #scrollspy结合使用。

我也发现了这个： How do I make content load when the user scrolls down to it?可能重复提及How to load the web page content based on user scrolling，其中提到Loading content as the user scrolls down和Load content as an element scrolls into view以及Loading content with ajax while scrolling和Reloading new content while scrolling

在评论中可以找到以下链接：

• http://gbin1.com/technology/jquerynews/20111017jquerypluginwaypoints/infinite-scroll/
• http://www.appelsiini.net/projects/lazyload
• http://johnpolacek.github.com/scrollorama/

也许这可以在某种程度上帮助你。我只是很好奇，你甚至试过自己谷歌吗？

编辑：我在Smashing Magazine的facebook页面上找到了this文章，您可能会发现这篇文章很有趣。

Answer 2

您不能单独使用PHP，因为服务器上的PHP绝对没有客户端UI在提供页面源之后发生的事情的概念。