瀑布流&下拉加载

瀑布流结合列表下拉加载动画过渡展示

前言：需求默认瀑布流展示列表，下拉加载的时候看到列表顺序过渡加载；

1 . 效果样式（如下）下拉瀑布流加载图片列表

2 . 引入文件（用到macyjs瀑布流与下拉加载插件mescroll）

mescroll官网：http://www.mescroll.com/
macyjs官网：http://macyjs.com/

<link rel="stylesheet" href="/static/ctrip/swiper-bundle.min.css">
<link rel="stylesheet" type="text/css" href="/static/js/mescroll/dist/mescroll.min.css" />
<link rel="stylesheet" type="text/css" href="/static/js/mescroll/option/mescroll-option.css" />
<link rel="stylesheet" type="text/css" href="/static/waterfall/macy.css" />

3 . html代码片段

/*如果你希望 mescroll之外的某个div可以滑动,则给这个div加入mescroll-touch的样式即可;
比如你希望顶部导航菜单 则class="mescroll-touch"
如果添加mescroll-touch-x 则可水平滑动 ; 如果添加mescroll-touch-y 则可上下滑动*/
//同时可以解决ios无法兼容滑动的问题
<div class="suggest-box mescroll-touch">
    <p class="suggest-head">推荐帖子</p>
    <div id="mescroll" class="mescroll">
        <div class="suggest-list mescroll-touch" id="tz"><