准备：

引入css文件：

<link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />

引入js文件：

<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>

第一步

使用aui的下拉刷新时，需要将打开页面的弹动关闭，即将bounces设置为false

bounces：

类型：布尔
默认值：若在 config.xml 里面配置了 pageBounce，则默认值为配置的值，否则为 true
描述：（可选项）页面是否弹动

第二步：

根据aui的文档，实现以下代码

var pullRefresh = new auiPullToRefresh({
            container: document.querySelector('.aui-refresh-content'),//下拉容器
            triggerDistance: 100
            },function(ret){
                if(ret.status=="success"){

                   //执行的刷新函数

                   pullRefresh.cancelLoading(); //刷新成功后调用此方法隐藏
                }
            })

缺点：

下拉放开时，会瞬间弹回，没有过渡效果，比较突然