当我们向下滚动到特定部分时，触发某些部分仅开始动态加载的功能的事件是什么

Question

google+ 是如何实现无限滚动的（https://plus.google.com/105354532715798223299/posts/gLnVUU7Y8DL）？

我想知道触发他们使用的 ajax 负载的事件是什么？

在触发 ajax 负载之前，他们是否对 window.onscroll 进行了检查并检查 pageYOffset 是否为某个值？ （因为不知何故这对我来说感觉像是一个相当肮脏的解决方案）

基本上我想知道通常使用什么技巧，以及我们可以使用哪些其他技巧来模仿这种行为？

Answer 1

这叫做延迟加载，我猜它背后有很多技巧——滚动、视口中元素的可见性，还有谁知道还有什么。

我建议看看那里的许多延迟加载插件（和教程）的来源。 这应该让您更好地了解它是如何完成的。

Answer 2

如果内容直到滚动到视图中才加载，这可能是一个非常烦人的功能。 如果页面那么大，则应考虑其他策略，例如带有链接到完整文章（例如 Google 新闻）的缩略图的摘要、减小页面大小（几乎所有新闻站点）或让用户 select页面（例如 Stackoverflow）。

Answer 3

对于jQuery ，有插件“ jquery-appear ” http://code.google.com/p/jquery-appear/

从描述：

模仿自定义的“出现”事件，当元素滚动到视图中或以其他方式对用户可见时触发。

$('#foo').appear(function() {
  $(this).text('Hello world');
});

此插件可用于防止对隐藏或可见区域之外的内容的不必要请求。

检查示例http://code.google.com/p/jquery-appear/wiki/Examples