下拉刷新在部分机型上下拉距离很短

分类：MUI

下拉刷新

新建一个mui底部选项卡（webview模式），将tab-webview-main.html 中的header 标签去掉，自己在含有刷新的html文档中及tab-webview-subpage-chat.html 中重新了构造了一个父子页面的下拉刷新，tab-webview-subpage-chat.html 作为父页面原代码修改为

<body>  
        <header class="mui-bar mui-bar-nav">  
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>  
            <h1 class="mui-title">标题</h1>  
        </header>  
        <script src="js/mui.min.js">  
        </script>  
        <script type="text/javascript">  
            mui.init({  
                subpages: [{  
                    url: 'child.html',  
                    id: 'child',  
                    styles: {  
                        top: '44px',  
                        bottom: '0px',  
                    },  
                }]  
            });  
        </script>  

    </body>

并新建一个子页面child.html 代码为原父页面的下拉刷新内容列表，此处就不贴出来了，免得看起来问题臃肿。那么此时问题来了，正常的是在魅族4pro 上的效果，还有个一不正常的是在华为荣耀8上的效果