在用户向下滚动时加载内容

Loading content as the user scrolls down

提问人:Jesse Hattabaugh 提问时间:10/9/2008 更新时间:7/19/2020 访问量:6977

问:

我正在构建一个博客类型的页面,我想在用户向下滚动时将项目加载到页面中,这很像 Google Reader 或 Soup.io。你会如何实现这种效果?我看过一些示例,它们读取页面的高度,甚至在窗口上附加了一个 onScroll,以便当用户向下滚动时,我们可以测试他们是否向下滚动到足以保证加载更多项目。Soup.io 的实现似乎会在您向下滚动时删除旧项目,这样浏览器就不会处理越来越大的 DOM 树。哪些 javascript 库最适合此任务?

JavaScript HTML AJAX 滚动

评论


答:

3赞 Ryan Duffield 10/9/2008 #1

Unspace 有一篇文章演示了这个功能:Endless Pageless: No More Next Page。他们的演示页面在这里(死了,供参考)。

此特定示例使用 RoR 和 Prototype。

评论

0赞 Ryan Duffield 10/9/2008
“对我有用” -- Firefox 3.0.3。
0赞 Ryan Duffield 10/9/2008
确保单击“查看结果”以查看无穷无尽的页面功能。
0赞 Diodeus - James MacFarlane 10/9/2008
我得到: 应用程序错误 (Apache) 更改此错误消息,以查找在操作之外引发的异常(例如在 Dispatcher 设置中或损坏的 Ruby 代码中),public/500.html
2赞 Binyamin 10/12/2010 #2

这个 jquery 示例 http://webdeveloperplus.com/jquery/create-a-dynamic-scrolling-content-box-using-ajax/