当用户到达页面末尾以加载新内容时，如何调用 JavaScript (AJAX) 函数？

Posted 2023-05-09

【中文标题】当用户到达页面末尾以加载新内容时，如何调用 JavaScript (AJAX) 函数？

【英文标题】：How do you call a JavaScript (AJAX) function when the user reaches the end of a page to load new content?

【发布时间】：2011-04-21 06:07:40

【问题描述】：

在 twitter（新 twitter）和 facebook 上，他们现在可以在您点击页面底部时加载新的推文和帖子。

是否有可以调用/添加到 div 的 javascript / jQuery 事件，所以当浏览器到达底部时，它会执行一些 ajax 调用来获取新数据？

谢谢

丹尼尔

【参考方案1】：

有一个 jQuery 插件：Infinite Scroll jQuery Plugin。

下面是它实现的模式的描述：The Interaction Design Pattern。

【讨论】：

@Daniel Upton：我很高兴答案很有帮助。您可能想通过单击左侧的绿色勾号将其标记为“已接受”，您认为这是您问题的最佳答案。

【参考方案2】：

它叫做无限滚动，这里有一个 jQuery 插件：http://www.infinite-scroll.com/

【参考方案3】：

这叫做“延迟加载”

jquery 插件：http://www.appelsiini.net/projects/lazyload

其实有很多插件：http://www.google.com/search?q=lazy+loading+jquery

谷歌搜索延迟加载将帮助您加载:) http://www.google.com/search?q=lazy+loading

【讨论】：

不同于传统版本的延迟加载的不同版本。