mui 安卓页面无法滚动 5C
 <!doctype html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link href="../../css/mui.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="../../css/base.css"  />
        <link rel="stylesheet" href="../../css/style.css"  />
    </head>

    <body>
        <header class="mui-bar mui-bar-nav bgcolor-white flex-two">
            <a href="" class="mui-pull-left mui-action-back">
                <svg class="icon color-main1" aria-hidden="true">
                    <use xlink:href="#icon-fanhui"></use>
                </svg>
            </a>
            <h1 class="mui-title ">公司简介</h1>
        </header>

        <!-- mui-scroll-wrapper  一开始没有加 -->
        <div class="p20 pullDown mui-content company-introduction mui-scroll-wrapper">
            <img src="../../images/about.jpg" alt="" class="per100 mt10" />
            <p class="text-in">
                敏华控股有限公司(以下简称敏华)成立于1992年,集团总部位于香港,在美国、英国、中国大陆等全球核心经济区域和城市设有多家子公司、分公司及关联公司。
            </p>
            <p class="text-in">
                敏华主营业务涉及沙发、床垫、板式家具、海绵、家具配件等产品的研发、制造、销售和服务,是中国家具行业的领军企业,现自主研发已获专利及认证的产品达300多项。
            </p>
            <p class="text-in">
                作为中国家具品牌联盟主席单位、全国工商联家具装饰业商会副会长单位、中国家具协会沙发专业委员会执行主席单位,2005年,敏华公司赴海外上市,成为新加坡证券交易所主板上市的首家中国家具企业,新加坡总理授予敏华“杰出贡献奖”。2010年,敏华成功在香港联交所主板挂牌上市,跨向了更大的国际舞台。2014年,敏华控股入选首批“沪港通”,为家具业唯一入选企业。
            </p>
            <p class="text-in">
                 2014年,董事局主席黄敏利先生荣登荣福布斯亚洲封面,此前更荣膺香港“十大杰出青年工业家”称号、当选为惠州市第十届政协委员、荣获荣誉市民等。敏华曾多次入选福布斯排行榜,并荣获“十强企业”、“卓越品牌企业”、“高信用等级企业”等多项荣誉称号。2014年敏华控股更荣获香港商业“奥斯卡”——“杰出中国公司奖”殊荣。2017年,敏华荣登“中国民营企业制造业500强”,旗下芝华仕入选“2017亚洲品牌500强”,凭借专业化的技术水平和良好的品牌形象,敏华公司沙发品牌“芝華仕”被授予“中国驰名商标”、“中国名牌”等的荣誉称号。
            </p>
            <p class="text-in">
                 敏华旗下拥有“Cheers芝華仕”、“Fleming北欧宜居”两大知名家具品牌。芝华仕作为全球沙发行业的领导品牌,旗下分为主营让人舒适享受的功能沙发——芝华仕头等舱沙发,旗下分为贵族系列与时尚系列,外形线条简洁、设计感强的非功能性休闲沙发——芝华仕都市系列,倡导科技睡眠的床垫——芝华仕5星床垫、芝华仕智能床系列,通过融入先进的科技元素,为千家万户提供舒适、健康、时尚的家居体验,充分满足了不同消费者的需求。
            </p>
            <p class="text-in">
                Fleming北欧宜居致力于为欧洲家庭提供更具设计感、更具时尚性、更舒适健康的家居产品,融合时尚潮流、健康舒适与创新设计、技术,赋予产品更多活力,风格独特、舒适美好的家居产品帮助更多家庭提高生活质量。至今,Fleming北欧宜居系列产品已畅销20多个欧洲国家和地区,开设1200多家店铺,与众不同的设计美学和严格把控的精细品质,让每一位使用者都能健康、舒适地享受美好生活。
            </p>
            <p class="text-in">
                 在中国,敏华拥有品牌旗舰店超过2200家,并在全球拥有超过3000个销售终端,产品畅销美国、英国、加拿大、中国等100多个国家及地区,运营网络横跨四大洲。敏华旗下的产品更广泛被运用于高铁、酒店、游艇、高端会所、影院等多个领域,每年为全球上亿的消费者提供头等舱沙发享受,深得行业和消费者的肯定及喜爱。
            </p>
            <p class="text-in">
                 作为中国大型功能沙发及床垫产品供货商,敏华在中国大陆拥有亚洲强大的沙发生产制造基地,分别在广东、江苏、天津、重庆设有五大低碳、生态的工业园区,建筑面积超过180万平方米的生产基地,配合自建专业物流车配送体系,为全国以及全球的消费者送去方便快捷的优质产品和服务,让敏华产品的舒适家居享受延伸到千家万户。
            </p>
            <p class="text-in">
                 自敏华成立伊始,敏华积极带动社会劳动力就业,做大做强传统行业和民族品牌,使个人进步、企业发展和繁荣社会形成良性的循环互动。在此基础上,敏华尽己所能投身慈善公益、体育运动、教育文化、环境保护等各项社会公益活动,始终秉承着“履行社会责任,实现可持续性发展”的企业价值观,为促进社会和谐进步而不懈努力。敏华基于这种社会责任和民族意识,构建自身的企业使命---为千家万户带来健康、舒适、超值、美观的家居,致力于为消费者打造优质的产品和服务,给每个家庭带来“健康、舒适、超值、时尚”的消费新理念和承诺。
            </p>
            <p class="text-in">
                展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践!
            </p>
            <p class="text-in">
                展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践!
            </p>
            <p class="text-in">
                展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践!
            </p>
            <p class="text-in">
                展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践!
            </p>
            <p class="text-in">
                展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践!
            </p>
            <p class="text-in">
                展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践!
            </p>
            <p class="text-in">
                展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践!
            </p>
            <p class="text-in">
                展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践!
            </p>
            <p class="text-in">
                展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践!
            </p>
            <p class="text-in">
                展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践!
            </p>
            <p class="text-in">
                展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践!
            </p>
            <p class="text-in">
                展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践!
            </p>
            <p class="text-in">
                展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践!
            </p>
            <p class="text-in">
                展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践!
            </p>
        </div>
        <script src="../../js/zepto-1.2.0.min.js"></script>
        <script src="../../js/mui.min1.js"></script>
        <script src="../../fonts/iconfont.js"></script>
        <script src="../../js/font.js"></script>
        <script type="text/javascript">
            mui.init()
            //初始化 类.mui-scroll-wrapper,使其包裹的区域溢出可以上下滚动

            // 一开始没有加这段
            (function($){
                $(".mui-scroll-wrapper").scroll();
            })(mui);
        </script>
    </body>

</html>

一开始没有加.mui-scroll-wrapper这个类,iphone没有问题.就百度了一下说加上

 (function($){

$(".mui-scroll-wrapper").scroll();

})(mui);

这段,没有用给“.mui-content” div加上类“.mui-scroll-wrapper”后,iphone也无法滚动了,并且控制台报错
[ERROR] : RangeError: Maximum call stack size exceeded.

请问该如何解决。谢谢!

2个回答

同样的问题,没有使用mui的scroll类,ios可以滚动,安卓不行。也是百度加.mui-scroll-wrapper,然后$(".mui-scroll-wrapper").scroll();连ios也不行了诶,到底怎么解决的呢?我不用上拉下载,只是单纯页面滑动

weixin_43344860
Lions 解决了吗?我也遇到同样的问题了
4 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
mui框架 页面无法滚动解决方法
只需要初始化一下就可以了 mui.init();(function($){ $(&quot;.mui-scroll-wrapper&quot;).scroll({ //bounce: false,//滚动条是否有弹力默认是true //indicators: false, //是否显示滚动条,默认是true }); })(mui);
css:touch-action导致安卓无法滚动页面
前言 相信大家搜css touch-action很容易搜到一批文章,但感觉自己还是需要写下自己这这个过程中的一些探索经历。 之所以写,是因为单独去学知识点或者单独看一篇文章其实很简单的,难的是在自己实践中,因为一个问题找一个方案,然后又引起另外一个问题,而这个不断发现问题的过程非常低效,需要各种尝试和理解。 使用css touch-action的原因 在其官方的说明中:是否,以及以何种方式,给定...
mui安卓无法下拉刷新解决方案
1 在引入mui前添加一个全局变量&amp;lt;script&amp;gt;var h5pullDown = true;&amp;lt;/script&amp;gt;2 修改源码两处尾部添加h5pullDownif ($.os.plus &amp;amp;&amp;amp; $.os.android &amp;amp;&amp;amp;!h5pullDown) { //android 5+if (!($.os.plus &amp;amp;&amp;amp; $.os.and...
解决MUI在安卓手机上无法滚动的问题
这个问题,只在安卓手机存在,苹果手机是可以滚动的。 一、解决方案 原先的布局:   &amp;lt;!-- 中间区域 --&amp;gt; &amp;lt;div class=&quot;mui-content&quot; id=&quot;main&quot;&amp;gt; &amp;lt;!-- 轮播图 --&amp;gt; &amp;lt;!-- BANNER --&amp;gt; &amp;lt;section class=&quot;swiper-container&qu
mui 安卓单页面下拉刷新问题
很多人说 安卓一定要双webview才能下拉刷新,偶然发现其实不是的,是js引用错了,请使用mui.js不是mui.min.js,mui.min.js是阉割版。
mui页面不能正常滚动问题+mui-popover内容滚动(添加)
首先,别去相信初始化就能正常滚动的套路,你应该检查下页面有没有 mui(".mui-scroll-wrapper").scroll() 先确定一下页面是否有滚动事件的定义scroll(),若没有,再看看css的坑,我写了好久,因为在index页有一个固定的额底部导航栏,在点击导航的时候会报错,所以我就在公共样式里面添加了 * { touch-action: none; } 属性,结果导...
mui滚动tab切换问题
根据ui设计图 中间有需要做左右滑动tab切换的问题,选择用mui里的滑动tab切换组件来做这部分的效果,但是相应地也产生了一系列的问题。 滚动内容部分需要用mui-scroll-wrapper&amp;gt;mui-scroll这样的结构包裹起来,如果直接在.mui-slider-item里面放内容,在上下滑动的时候会容易飘而滚向下一个tab内容,但是加了mui-scroll-wrapper&amp;gt;...
mui滚动选项卡-加强版
<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <script src="js/mui.
MUI实现区域滚动
移动端页面区域滚动的实现 基于MUI 引入相关包 &amp;lt;!-- 1. 引入mui的CSS文件 --&amp;gt; &amp;lt;link rel=&quot;stylesheet&quot; href=&quot;lib/mui/css/mui.css&quot;&amp;gt; &amp;lt;!-- 2. 引入mui的js文件 --&amp;gt; &amp;lt;script src=&quot;lib/mui/js/mui.js&quot;&amp;gt;&amp;lt;/scrip
解决H5页面无法滚动
问题一:  在苹果手机可以,但安卓手机不可以。 H5页面没有使用任何滚动插件,比如: iscroll.min.js  或者 Better Scroll。 这里是因为: * { touch-action: none; } 这段代码,会导致安卓手机H5页面无法滚动,而苹果手机可以。 使用 iscroll.min.js  或者 Better Scroll 也没用。 将这段代码去掉即...
MUI 请求的页面无法打开 viewgroup 报错
我使用顶部选项卡 在首页当中 也就是页面A打开页面B 页面B打开页面C 出现错误,使用了 函数 但是一直报错。 Not allowed to load local resource: file:///android_asset/webkit/android-web 解决方案: 只能说官方的demo确实不太严谨,这么
MUI 请求的页面无法打开 viewgroup
只能说官方的demo确实不太严谨,这么关键的参数竟然没有备注, 这个参数其实本页面的id,这个id在哪里设置的呢,上一个页面打开此页面时咯。 方法一、改成此页面的id即可。 方法二、获取当前页面的id,赋值给他就行了。 mui.plusReady(function() { var currentId=plus.webview.currentWebview().id; var group
【MUI】阻止安卓回退按钮
//重写mui的back方法 mui.back = function(){} //重写backbutton的返回事件 plus.key.addEventListener('backbutton', function(e) { if(!first){ first = new Date().getTime(); mui.toast('再按一次退出应用'); ...
html页面在安卓下无法弹性滚动的问题
在IOS下,使用-webkit-overflow-scrolling : touch; overflow-y:auto; 可以弹性滚动。。但在安卓下无法实现。。。请问大家有什么办法
mui 头部横向滚动菜单
mui 头部横向滚定菜单
mui区域滚动失效的问题
在开发 mui加vue 做开发的时候发行这两个框架一起使用问题真的太多了无力吐槽 渲染内容区域要用一个元素包起来(推荐用div) 高度必须auto 或者不设置 否则无法滚动 mui-scroll-wrapper 的overflow 改成 scroll 因为overflow默认是hidden, &amp;lt;div style=&quot;top: 230px;overflow: scroll;height...
MUI scroll(区域滚动)问题
                                                 MUI scroll(区域滚动)问题 1)在手机APP上,我们需要进行组件的滑动或者定位,可能会出现滑动方法不起作用。 例如: 功能:滚动到特定位置 方法:scrollTo( xpos , ypos [, duration] ) 案例:mui('.mui-scroll-wrapper')....
mui简单的详情页面
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximu...
mui页面结构
本课程为基于MUI的混合模式app开发系列课程的MUI基础课程部分,主要介绍了MUI的各种控件的基本使用。让大学在实际操作中掌握MUI的基础控件应用,为app开发打下基础。
mui快速构建页面
n <span style="font-size:14px;">课程介绍:</span>nn<p>n <span style="color:#009900;"><br /></span>n</p>n<p>n 课程包含Canvas、video视频案例、swiper案例、混合开发结合MUI框架等结合讲解。n</p>
MUI页面及遇到的bug
登陆页面模板 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1,minimum-scale=1,maxi
mui跨页面调用函数
这两天在用mui写自定义confirm格式时遇到了跨页面调用函数的问题,由于confirm样式多而且多处用到,因而我将它写成了一个confirm.html文件,并写一个openConfirm函数用于跳转到该文件,在原js页面上加一个按钮监听器,点击按钮后调用openConfirm函数来打开新样式的弹窗,此时遇到了一个问题,即弹窗选择确定或取消需要对应不同的动作,动作需要写在mui.confirm的...
HTML5+和MUI页面操作
每次都用mui.openWindow而不close页面会造成内存消耗过大。这是因为使用mui.openWindow跳转页面会用到plus.webview.show方法,如果不close页面会新开很多重复的webview,这样就造成多个页面同时在消耗内存。 另外不close所有不用的webview,webview被close后还会露出其他没有被close的webview。
mui电商系统页面
mui电商移动端页面,方便新手学习,简单明了,包含首页注册登录购物车个人中心等页面
mui建立二级页面
mui.openWindow({ url: 'houseRelet.html', //id: 'target', extras: { htmlStr:htmlStr, time:showUserPickerButton.value } }); 在二级页面接受 var htmlStr = plus.webview.currentWebview().htmlStr; 必须在m...
mui处理页面回退
//处理页面回退 var view = viewApi.view; (function($) { //处理view的后退与webview后退 var oldBack = $.back; $.back = function() { if(viewApi.canBack()) { //如果view可以后退,则执行view的后退 viewApi.back(); } e
mui页面不能下滑
mui在浏览器测试中会报错 :Unable to preventDefault inside passive event listener due to target being treated as passive.  原因 所以在css中加了touch-action: none;  导致页面都不能下滑了,所以得修改一下 改成 touch-action: pan-y; 就可以了...
MUI批量关闭页面
使用MUI做项目时碰到关闭页面的需求,专门研究了一下。 话不多说 function plusReady(){ //获取所有WebView窗口 var wvs=plus.webview.all(); var arr=[]; for(var i=0;i&amp;lt;wvs.length;i++){ let theurl = wvs[i].getURL()...
微信开发安卓页面出现两个滚动条其中一条无法滚动可以采用局部区域滚动解决
问题描述:图1.1是微信开发的一个页面,顶部有一个下拉选择菜单(自己写的组件)用于选择日期,选择之后会出现该日期下的数据记录,这时一个页面会出现两条滚动条(因为滚动条太丑,我用::-webkit-scrollbar {width: 0px;}将滚动条隐藏了,这里用红色线条标注出来),苹果不会出现问题,安卓就会出现滚动不了下拉菜单的情况,一滚下拉菜单,整个页面都滚起来了。 图1.1
mui 总页面
Hello MUI .mui-bar-nav~.mui-content{ padding-top:30px; } .mui-card{ margin:0px; border-radius:0px; box-shadow:none; } .mui-grid-view.mui-grid-9{ margin-top:15
mui页面间的传值
其实做这个的话我们这边普遍是用本地存储来做,但是我个人更加喜欢页面间的传值来做 mui.openWindow({ url:''; id:'';//这个id是非常有用的plus.webview.getWebviewById('id') extras:{ 键:值 } }) // 打开的页面 var self = plus.webview.currentWebview();
mui关闭上一个页面
plus.webview.currentWebview().opener().close();
请问如何使页面无法滚动
暂时的,可以设置的。有某个属性或者方法是干这个活的么?请各位赐教,谢了
页面不断滚动,无法查看底部样式
页面滚动产生新的内容原因: 页面滚动时访问服务器,加载新的数据。 解决无法查看底部样式问题方法: 断开网络连接 断开网络连接方法: 使用google控制台:network-&gt;No throttling(修改为Offline) ...
Iphone 页面开发,发现页面无法滚动。
我用jQuery Mobile写了一个页面。具体的代码是:rn[code=html]rn rn rn 学员注册rn rn rn rn rn 请如实输入信息rn rn 证件号码:rn rn rn 下面就是一系列重复的li,li,lirn rn rn rn rn[/code]rnrn[color=#FF0000]现在的问题是,使用Iphone 6 点击任何一个输入框获得焦点弹出输入法之后,在失去焦点。页面下半部分就拖动不下去了。rn截图如下:下面全都是黑色了,拖都拖不下去。[/color],测试过Iphone 4,5,6s没有这个问题。安卓都没有微信。在苹果6下面不管在UC或者微信下面打开都是这样子的。rn我之前听说ios不支持fixed定位,是不是因为这个造成的啊。rn[color=#3366FF]还有有什么苹果模拟器可以下载调试的吗[/color]rn[img=https://img-bbs.csdn.net/upload/201607/07/1467890137_914072.jpg][/img]
安卓软键盘无法顶起页面问题
安卓软键盘无法顶起页面问题 1.开发中有个需求是将页面底部的一个按钮顶起,但是开发时发现Android5.0以后的版本设置了adjustResize属性后无法成功顶起。找了半天,最后在stackoverflow找到解决方案,那就是在根布局上加上**fitsSystemWindow=”true”**即可。 这里的fitsSystemWindow具体的作用就是你的contentview是否忽略acti...
部分安卓机型 页面无法跳转
遇到问题: 在编写H5项目时,遇到安卓机型刷新跳转到一半没反应的现象,而在iphone上没有问题 部分安卓机也没有这个问题。 解决方法: 检查了很久不知道是什么问题 只能自己试,最后发现 跳转的js用的是 window.location.reload() ,最后改成 window.location.replace(url) 就O
title滚动页面title滚动
用于建设网站效果;title滚动,页面title滚动
安卓滚动公告
安卓公告展示支持上下滚动,下载直接可以适应,已测试。
安卓滚动的通知栏
安卓滚动的通知栏,相关博客:http://blog.csdn.net/xuejiawei123/article/details/49616573
相关热词 c# 标准差 计算 c#siki第五季 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池