选项卡的子页面实现上拉刷新和下拉加载

    <!--底部选项卡-->  
    <nav class="mui-bar mui-bar-tab">  
        <a id="defaultTab" class="mui-tab-item mui-active home" href="index.html">  
            <span class="mui-icon mui-icon-home"></span>  
            <span class="mui-tab-label">首页</span>  
        </a>  
        <a class="mui-tab-item msg" href="mes.html">  
            <span class="mui-icon mui-icon-chat">  
                <span class="mui-badge" id="sizeCount"></span>  
            </span>  
            <span class="mui-tab-label">消息</span>  
        </a>  
        <a class="mui-tab-item mine" href="mine.html" id="mineTab">  
            <span class="mui-icon mui-icon-person"></span>  
            <span class="mui-tab-label">我的</span>  
        </a>  
    </nav>  

以上是主页面，包含2个子页面，现在想在消息页面实现下拉刷新和上拉加载
mes.html如下：
<div class="mui-content">
</div>
<script type="text/javascript" src="js/mui.min.js"></script>
<script type="text/javascript">
(function($, doc) {
mui.init({
gestureConfig: {
doubletap: true
},
subpages: [{
url: 'html/index/mesList.html',
id: 'mesList.html',
styles: {
top: '48px', //mui标题栏默认高度为48px；
bottom: '0px' //默认为0px，可不定义；
}
}]
});
}(mui, document));
</script>
消息子页面如下mesList.html：
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view mui-table-view-chevron" id="messageList">
</ul>
</div>
</div>
(function($, doc) {
mui.init({
pullRefresh: {
container: '#pullrefresh',
down: {
callback: pulldownRefresh
},
up: {
contentrefresh: '正在加载...',
contentnomore: '没有更多数据了',
callback: pullupRefresh
}
}
});

            function pulldownRefresh() {  
                setTimeout(function() {  
                    mesList.getList(false);  
                    mui('#pullrefresh').pullRefresh().endPulldownToRefresh();  
                }, 1500);  
            }  

            function pullupRefresh() {  
                setTimeout(function() {  
                    mui('#pullrefresh').pullRefresh().endPullupToRefresh(false);  
                    mesList.getList(true, function(err) {  
                        if(err == false) {  
                            plus.nativeUI.toast("没有更多数据了");  
                        }  
                    });  
                }, 1000);  
            }  
            $.plusReady(function() {  
                mesList.getList(false);  
            });  
            window.addEventListener('mesRefresh', function() {  
                mesList.getList(false);  
            });  
        }(mui, document));  

问题：效果倒是能实现，但是下拉的时候，只能拉下来一点点，雪花都看不全，列表页面单独挂在别的页面是没问题的，求解决