mg4377娱乐娱城官网_mg4377娱乐手机版_www.mg4377.com

当前位置: mg4377娱乐娱城官网 > www.mg4377.com > 正文

页面无法滚动的缓慢解决办法,页面滚动化解方

时间:2019-06-01 09:46来源:www.mg4377.com
只必要伊始化一下就可以了 mui.init(); mui框架 页面非常小概滚动的减轻格局(推荐),mui框架 只须要开首化一下就能够了 mui.init(); 加下边这段代码就可以: (function($){ $(".mui-scroll-wrapper")

只必要伊始化一下就可以了 mui.init();

mui框架 页面非常小概滚动的减轻格局(推荐),mui框架

只须要开首化一下就能够了 mui.init();

加下边这段代码就可以:

(function($){
 $(".mui-scroll-wrapper").scroll({
  //bounce: false,//滚动条是否有弹力默认是true
  //indicators: false, //是否显示滚动条,默认是true
 }); 
})(mui);

如上那篇mui框架 页面不只怕滚动的缓和方法(推荐)就是小编分享给大家的全部内容了,希望能给大家2个参照,也期待我们多多支持帮客之家。

页面不可能滚动的消除方法(推荐),mui框架 只供给伊始化一下就足以了 mui.init(); 加底下这段代码就能够: (function($){ $(".mui-scroll-wrapper...

暗中同意意况下mui 页面无法滚动,以下为解决方案:

页面无法滚动的缓慢解决办法,页面滚动化解方案。运用mui框架张开页面包车型大巴三种分歧措施,mui框架页面两种

 

 

 

1.成立子页面:

图片 1

 list.html正是index.html的子页面,成立代码比较轻便,如下:

mui.init({  
    subpages: [{  
        url: 'list.html',             //子页面HTML地址,支持本地地址和网络地址  
        id: 'list.html',              //子页面标志  
        styles: {  
            top:45px ,              //mui标题栏默认高度为45px
            bottom:0px ,      //子页面底部位置  
            },  
      }]  
});  

二.开垦新页面

mui.openWindow({  
    url: new - page - url,  
    id: new - page - id,  
    styles: {  
        top: newpage - top - position, //新页面顶部位置  
        bottom: newage - bottom - position, //新页面底部位置  
        width: newpage - width, //新页面宽度,默认为100%  
        height: newpage - height, //新页面高度,默认为100%  
        ......  
    },  
  extras: {  
       ..... //自定义扩展参数,可以用来处理页面间传值  
    }  
    show: {  
        autoShow: true, //页面loaded事件发生后自动显示,默认为true  
        aniShow: animationType, //页面显示动画,默认为”slide-in-right“;  
        duration: animationTime //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒;  
    },  
    waiting: {  
        autoShow: true, //自动显示等待框,默认为true  
        title: '正在加载...', //等待对话框上显示的提示内容  
        options: {  
            width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度  
            height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度  
            ......  
        }  
    }  
})  

3.预加载页面

从A页面张开B页面,B页面为1个索要从服务端加载的列表页面,若在B页面loaded事件时有产生时就将其出示出来,因服务器数据尚未加载实现,列表页面为空,用户体验不好;可经过如下方式革新用户体验:

//A页面中打开B页面,设置show的autoShow为false,则B页面在其loaded事件发生后,不会自动显示;

mui.openWindow({
    url: 'B.html', 
    show:{
      autoShow:false
    }
  });

 

其次步,在B页面获取列表数据后,再关闭等待框、展现B页面 

  //B页面onload从服务器获取列表数据;
window.onload = function(){
  mui.plusReady(function(){
       //关闭等待框
    plus.nativeUI.closeWaiting();
           //显示当前页面
    mui.currentWebview.show();
  });
}

 

 

 

 

必备:笔者在此说飞鹤下子页与非子页的分别是子页面相当于html中的iframe,而非子页面也正是新开了二个浏览器窗口加载了多少个html。

                       须要下拉刷新上拉加载请使用子页面,

                       要求开荒二个新页面请使用新页面格局,

 

一.创制子页面: list.html便是index.html的子页面,创造代码比较轻易,如下: mui.init(...

加上边这段代码就可以:

1. mui('.mui-scroll-wrapper').scroll({

编辑:www.mg4377.com 本文来源:页面无法滚动的缓慢解决办法,页面滚动化解方

关键词: mui