pullRefresh 中的height 设置为50的时候,只能下拉一点点,只能看到一点点正在加载,而且使用js主动调用下拉刷新可以,但是也只能看到一点点正在加载。如果设置为150的时候。可以下拉。并且可以完全看到下载刷新提示,完全正常。但是使用js主动调用下拉刷新,则只能下拉一点点。并且没有刷新效果。
====相关代码=====
js参数设置
mui.init({
subpages: [{
url: 'example-list-sub.html',
id: 'example-list-sub.html',
styles: {
top: '45px',
bottom: '0px',
}
}]
});
mui.init({
pullRefresh: {
container: '#example_pullrefresh',
down: {
height: 50, //可选,默认50.触发下拉刷新拖动距离,
callback: pulldownRefresh
},
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});
父页面
<div style="z-index: 1000; position: fixed;margin:0;width: 100%;text-align: center;background-color: white;" >
<table width="100%" style="height: 50px;line-height: 50px;" >
<tr>
<td class="menu-title" id="t1"><span id="area-name">面积</span><span id="tu1" class="title-icon mui-icon mui-icon-arrowup"></span></td>
<td class="menu-title" id="t2"><span id="buget-name">预算</span><span id="tu2" class="title-icon mui-icon mui-icon-arrowup"></span></td>
<td class="menu-title" id="t3"><span id="layout-name">户型</span><span id="tu3" class="title-icon mui-icon mui-icon-arrowup"></span></td>
<td class="menu-title" id="t4"><span id="style-name">风格</span><span id="tu4" class="title-icon mui-icon mui-icon-arrowup"></span></td>
</tr>
</table>
</div>
<div class="mui-content" id="example_content">
</div>
子页面
<!--下拉刷新容器-->
<div id="example_pullrefresh" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll" id="example_list_div">
</div>
</div>
1 个回复
aa00aa00
哥们,你的这个帖子,沉了啊,顶起来吧.