AJAX实现瀑布流触发分页与分页触发瀑布流的方法

所谓的瀑布流效果就正如轻图床首页效果那样，多个内容相近的栏目紧密排列，尽量使到栏目间的间隙最小（即流体布局），并且随着页面滚动条向下滚动，新的数据会追加至当前页面的尾部直到所有数据加载完毕（滚动触发的 Ajax 翻页）。

瀑布流触发分页

这里说一下思路，虽然下面的实例中不能全都用到：

1.当进入屏幕时，判断内容是否为空，如果不为空，开始初始化数据。

2.当往屏幕下拉时，判断数据的最底部与屏幕高度 滚动的高度的大小。如果最底部小于上面两者之和，重新请求接口，即加载数据。

3.当遇到数据超过某个页数时，停止加载或者用分页的形式显示，点击再显示内容。

var intf_url=”http://gimoo.net/intf”;
var pathUrl = “http://gimoo.net/”;
var page=1;
var isLoadRB=false;
var ul_select=$(“#fansList”);
var btn_more=$(“#loading”);
if(ul_select.length