MUI 上拉加载始终显示在页面顶部

稍微往上一拉就会触发
贴代码,显示效果，求解


    <body style="height: 100%;">  
        <script src="../js/mui.js"></script>  
        <script type="text/javascript">  
            mui.init();  
        </script>  

        <!-- <header id="header" class="mui-bar mui-bar-nav navbar">  
            <button class="mui-btn mui-btn-blue mui-btn-link mui-pull-left mui-action-back" id="cancelbtn">返回</button>  
            <h1 class="mui-title navtitle">备件领退用记录</h1>  
            <button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right" id="savebtn">申请</button>  
        </header> -->  

        <div id="refreshContainer" class="mui-content mui-scroll-wrapper" style="">  
            <div class="mui-scroll" id="scroll">  
                <!--数据列表-->  
                <ul class="mui-table-view mui-table-view-chevron" style="margin-top: 50px;">  
                    <li class="mui-table-view-cell">  
                        <div class="mui-card">  
                            <div class="mui-card-header">  
                                <span style="display: block;">WX-20190801-000028</span>  
                                <button class="orderState" style="background:rgb(92,184,92);">退用</button>  
                            </div>  
                            <div class="mui-card-content">  
                                <div class="mui-card-content-inner">  
                                    <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div>  
                                    <div class="orderDate">  
                                        <img src="../images/people.png" class="orderDateImg">  
                                        <div class="orderDateContent">领用人:管理员</div>  
                                    </div>  
                                    <div class="orderDate">  
                                        <img src="../images/shijian.png" class="orderDateImg">  
                                        <div class="orderDateContent">领用时间:2019-8-1 11:37</div>  
                                    </div>  
                                </div>  
                            </div>  
                        </div>  
                    </li>  
                    <li class="mui-table-view-cell">  
                        <div class="mui-card">  
                            <div class="mui-card-header">  
                                <span style="display: block;">WX-20190801-000028</span>  
                                <button class="orderState" style="background:rgb(92,184,92);">退用</button>  
                            </div>  
                            <div class="mui-card-content">  
                                <div class="mui-card-content-inner">  
                                    <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div>  
                                    <div class="orderDate">  
                                        <img src="../images/people.png" class="orderDateImg">  
                                        <div class="orderDateContent">领用人:管理员</div>  
                                    </div>  
                                    <div class="orderDate">  
                                        <img src="../images/shijian.png" class="orderDateImg">  
                                        <div class="orderDateContent">领用时间:2019-8-1 11:37</div>  
                                    </div>  
                                </div>  
                            </div>  
                        </div>  
                    </li>  
                    <li class="mui-table-view-cell">  
                        <div class="mui-card">  
                            <div class="mui-card-header">  
                                <span style="display: block;">WX-20190801-000028</span>  
                                <button class="orderState" style="background:rgb(92,184,92);">退用</button>  
                            </div>  
                            <div class="mui-card-content">  
                                <div class="mui-card-content-inner">  
                                    <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div>  
                                    <div class="orderDate">  
                                        <img src="../images/people.png" class="orderDateImg">  
                                        <div class="orderDateContent">领用人:管理员</div>  
                                    </div>  
                                    <div class="orderDate">  
                                        <img src="../images/shijian.png" class="orderDateImg">  
                                        <div class="orderDateContent">领用时间:2019-8-1 11:37</div>  
                                    </div>  
                                </div>  
                            </div>  
                        </div>  
                    </li>  
                    <li class="mui-table-view-cell">  
                        <div class="mui-card">  
                            <div class="mui-card-header">  
                                <span style="display: block;">WX-20190801-000028</span>  
                                <button class="orderState" style="background:rgb(92,184,92);">退用</button>  
                            </div>  
                            <div class="mui-card-content">  
                                <div class="mui-card-content-inner">  
                                    <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div>  
                                    <div class="orderDate">  
                                        <img src="../images/people.png" class="orderDateImg">  
                                        <div class="orderDateContent">领用人:管理员</div>  
                                    </div>  
                                    <div class="orderDate">  
                                        <img src="../images/shijian.png" class="orderDateImg">  
                                        <div class="orderDateContent">领用时间:2019-8-1 11:37</div>  
                                    </div>  
                                </div>  
                            </div>  
                        </div>  
                    </li>  
                    <li class="mui-table-view-cell">  
                        <div class="mui-card">  
                            <div class="mui-card-header">  
                                <span style="display: block;">WX-20190801-000028</span>  
                                <button class="orderState" style="background:rgb(92,184,92);">退用</button>  
                            </div>  
                            <div class="mui-card-content">  
                                <div class="mui-card-content-inner">  
                                    <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div>  
                                    <div class="orderDate">  
                                        <img src="../images/people.png" class="orderDateImg">  
                                        <div class="orderDateContent">领用人:管理员</div>  
                                    </div>  
                                    <div class="orderDate">  
                                        <img src="../images/shijian.png" class="orderDateImg">  
                                        <div class="orderDateContent">领用时间:2019-8-1 11:37</div>  
                                    </div>  
                                </div>  
                            </div>  
                        </div>  
                    </li>  
                </ul>  
            </div>  
        </div>  

        <script>  
            //公共变量  
            var fromsource = '维修';  
            var eqfiDevicename = '';  
            var eqfiDepartmentnum = '';  
            var maliId = '';  
        </script>  

        <script>  
            mui.init({  
                pullRefresh: {  
                    container: "#refreshContainer", //下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等  
                    down: {  
                        style: 'circle', //必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式  
                        color: '#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色  
                        height: '50px', //可选,默认50px.下拉刷新控件的高度,  
                        range: '100px', //可选 默认100px,控件可下拉拖拽的范围  
                        offset: '0px', //可选 默认0px,下拉刷新控件的起始位置  
                        auto: false, //可选,默认false.首次加载自动上拉刷新一次  
                        callback: function() {  

                        }  
                    },  
                    up: {  
                        height: 50,  
                        auto: false,  
                        contentrefresh: '正在加载...',  
                        contentnomore: '没有更多数据了', //可选，请求完毕若没有更多数据时显示的提醒内容；                          
                        callback: function() {  
                            console.log($('#refreshContainer').css('height'));  
                            console.log($('#scroll').css('height'));  
                        }  
                    }  
                }  
            });  
        </script>  
    </body>  

</html>

mui.init({
pullRefresh: {
container: "#homepage", //下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
down: { // 下拉刷新
height: 50, //可选,默认50.触发下拉刷新拖动距离,
auto: false, //可选,默认false.首次加载自动下拉刷新一次
contentdown: "下拉可以刷新", //可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
contentover: "释放立即刷新", //可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
contentrefresh: "正在刷新...", //可选，正在刷新状态时，下拉刷新控件上显示的标题内容
callback: pullfreshAA //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
},
up: { //下拉加载
height: 100, //可选.默认50.触发上拉加载拖动距离
auto: false, //可选,默认false.自动上拉加载一次
contentrefresh: "正在加载...", //可选，正在加载状态时，上拉加载控件上显示的标题内容
contentnomore: '没有更多数据了', //可选，请求完毕若没有更多数据时显示的提醒内容；
callback: SelectPosition //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
}
}
});

function SelectPosition() {
setTimeout(function() {
mui.toast('加载成功');
mui('#homepage').pullRefresh().endPullupToRefresh();
}, 1000)
}

function pullfreshAA() {
setTimeout(function() {
console.log("shauxin");
mui.toast('刷新成功');
mui('#homepage').pullRefresh().endPulldownToRefresh(); //完成刷新
}, 1000)

}