5fec3e6c025ad5a1023ac48593ee881ec912b60e.svn-base 4.25 KB
<section id="refresh_section" >
    <header>
        <nav class="left">
            <a href="#" data-icon="previous" data-target="back">Back</a>
        </nav>
        <h1 class="title">pull2refresh</h1>
    </header>
    <footer>
        <a href="#down_refresh_article" class="active" data-target="article" data-icon="arrow-down-3">下拉</a>
        <a href="#up_refresh_article" data-target="article" data-icon="arrow-up-2">上拉</a>
    </footer>
    <article class="active" id="down_refresh_article" data-scroll="true">
        <div class="scrollWrapper">
            <ul class="list">
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
                <li>下拉刷新</li>
            </ul>
        </div>
    </article>
    <article id="up_refresh_article" data-scroll="true">
        <div class="scrollWrapper">
            <ul class="list">
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
                <li>上拉加载更多</li>
            </ul>
        </div>
    </article>
</section>