下拉刷新 - AuxUI - 模块化前端UI框架

原生滚动实现的下拉刷新

实例

请往下拉动我

<!-- html -->
<div class="col-downrenovate bg-primary" style="height: 400px;width: 100%; padding: 20px;">请往下拉动我</div>
<!-- js -->
<script type="text/javascript">
//使用方法
auxui(['downrenovate'], function() {

    $('.col-downrenovate').downRenovate({

        //当下拉刷新触发的时候执行的回调
        onRefresh: function() {
          console.log('下拉结束');
          //模拟刷新数据
          setTimeout(function() {
            //刷新完成后，用此方法初始化
            $('.col-downrenovate').downRenovateReset();

          }, 2000);

        },

        //下拉过程中会触发
        onPull: function(percent) {
            console.log('下拉过程');
        },

        //下拉刷新的触发距离
        distance: 10 

    });

});
</script>

当下拉刷新的工作完成之后，需要重置下拉刷新的状态:$(document.body).downRenovateReset();