jquery插件（二）：Infinite Scroll–无限分页

一、前言

现在有很多网站都有这样的交互

1、当你往下浏览页面时，页面会自动去异步加载数据。

无限分页效果 infinite scroll 效果图 –ifxoxo.com

2、在页面下方有一个“点击加载”的按钮，点击之后页面会去加载数据。

无限分页效-infinite scroll 点击加载效果图 –ifxoxo.com

虽说这样的操作用js并不难实现，但是现在有很多成熟的插件，很好很强大，让你可以很简单的就实现这样的功能。
这篇文章就是要介绍其中的一种jquery插件–Infinite Scroll， 用它来实现无限分页。

本文已经同步至我的个人博客站点：
jquery插件（二）：Infinite Scroll–无限分页(http://ifxoxo.com/jquery-infinite-scroll.html)

如果想要看实例，可以到以下网址查看：
http://520xmn.com

二、具体用法

1、所需的资源

（1）jquery

既然是jquery插件，肯定是需要先加载jquery的,可以到jquery官网去下载最新的jquery：http://jquery.com/

（2）infinite scroll

到github上去下载最新的infinite scroll插件，地址如下：https://github.com/paulirish/infinite-scroll
在里面找到一个 jquery.infinitescroll.min.js

//加载的时候注意文件的路径
<script type = "text/javascript" src = "jquery.min.js" > </script>
<script type = "text/javascript" src = "jquery.infinitescroll.min.js" > </script>

2、所需的html

（1）有一个容器

当异步加载后，内容可以存在在这里

<div id