默默搬砖
默默搬砖
  • 发布:2018-06-20 23:21
  • 更新:2018-06-21 11:27
  • 阅读:1663

mui的pullRefresh在安卓上使用有问题,滚动不了

分类:MUI

<!-- 主界面菜单同时移动 -->
<!-- 侧滑导航根容器 -->
<div class="mui-off-canvas-wrap mui-draggable">
<!-- 主页面容器 -->
<div class="mui-inner-wrap">
<!-- 菜单容器 -->
<aside class="mui-off-canvas-left" id="offCanvasSide">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<!-- 菜单具体展示内容 -->

                </div>  
            </div>  
        </aside>  
        <!-- 主页面标题 -->  
        <header class="mui-bar mui-bar-nav">  
            <a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left" href="#offCanvasSide"></a>  
            <h1 class="mui-title">标题</h1>  
        </header>  
        <nav class="mui-bar mui-bar-tab">  
            <a class="mui-tab-item mui-active">  
                <span class="mui-icon mui-icon-home"></span>  
                <span class="mui-tab-label">首页</span>  
            </a>  
            <a class="mui-tab-item">  
                <span class="mui-icon mui-icon-phone"></span>  
                <span class="mui-tab-label">电话</span>  
            </a>  
            <a class="mui-tab-item">  
                <span class="mui-icon mui-icon-email"></span>  
                <span class="mui-tab-label">邮件</span>  
            </a>  
            <a class="mui-tab-item">  
                <span class="mui-icon mui-icon-gear"></span>  
                <span class="mui-tab-label">设置</span>  
            </a>  
        </nav>  
        <!-- 主页面内容容器 -->  
        <div class="mui-content mui-scroll-wrapper" id="refreshContainer">  
            <div class="mui-scroll">  
                <!-- 主界面具体展示内容  -->  

            </div>  
        </div>  
     <div class="mui-off-canvas-backdrop"></div>  
    </div>  
</div>  

js代码:
mui.init({
pullRefresh : {
container:"#refreshContainer",
down : {
style:'circle',//必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式
color:'#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色
height:'50px',//可选,默认50px.下拉刷新控件的高度,
range:'100px', //可选 默认100px,控件可下拉拖拽的范围
offset:'0px', //可选 默认0px,下拉刷新控件的起始位置
auto: false,//可选,默认false.首次加载自动上拉刷新一次
callback :pulldownRefresh
},
up : {
height:50,//可选.默认50.触发上拉加载拖动距离
auto:false,//可选,默认false.自动上拉加载一次
contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;
callback :pullupRefresh
}
}
});

2018-06-20 23:21 负责人:无 分享
已邀请:
z***@qq.com

z***@qq.com

mui('#pullrefresh').scroll();

  • 默默搬砖 (作者)

    没效果,主要是这个上下拉刷新是在mui的moffcanvas里面,有左边菜单栏

    2018-06-21 20:29

  • z***@qq.com

    document.addEventListener( "plusready", onPlusReady, false ); 要加在这函数里

    2018-06-22 15:37

该问题目前已经被锁定, 无法添加新回复