朋也
朋也
  • 发布:2015-07-22 15:28
  • 更新:2015-07-22 18:41
  • 阅读:7117

页面上下滑动的时候卡顿很严重

分类:MUI

页面没加上上拉加载,下拉刷新的时候滑动是很流畅的,可加上之后在上下滑动页面就会出现很卡顿的现象,不知道是写法问题还是其他原因,求解

页面代码:

    <div class="mui-content mui-scroll-wrapper" id="pullrefresh">  
        <div class="mui-scroll">  
            <div class="main bgcolor-white" id="move-togger">  
                <div class="mui-slider mar-bott-list" id="mui_slider">  
                    <div class="mui-slider-group mui-slider-loop" id="carouselImgList"></div>  
                    <div class="mui-slider-indicator" id="carouselIndicatorList"></div>  
                </div>  
                <div class="public-box mar-bottom-15">  
                    <div class="index-top-button mar-bott-list">  
                        <ul class="index-top-button-navi">  
                            <li class="bgcolor-index-button-a">  
                                <img src="../images/index_button_a.png" onclick="openMenu('youxuan.html')">  
                            </li>  
                            <li class="bgcolor-index-button-b">  
                                <img src="../images/index_button_b.png" onclick="openMenu('pinpai.html')">  
                            </li>  
                            <li class="bgcolor-index-button-c">  
                                <img src="../images/index_button_c.png" onclick="openMenu('news.html')">  
                            </li>  
                            <li class="bgcolor-index-button-d">  
                                <img src="../images/index_button_d.png" onclick="openMenu('user.html')">  
                            </li>  
                        </ul>  
                    </div>  
                    <div class="index-product">  
                        <ul class="index-product-navi" id="recommendCars"></ul>  
                    </div>  
                </div>  
                <h2><span>热门车型</span></h2>  
                <div class="public-cont padd-top-title bgcolor-cont">  
                    <ul class="public-navi-link" id="preferredCars"></ul>  
                </div>  
            </div>  
        </div>  
    </div>

附一张图

2015-07-22 15:28 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

你指的卡顿是什么意思?是滚动不流畅,还是渲染出现问题了。你截图的灰色区域是什么?

  • 蔡繁荣

    魅族渲染的时候,是一片一片刷下来的,怎么破?

    2015-07-22 21:52

朋也

朋也 (作者) - https://tomoya92.github.io

@DCloud_MUI_FXY

DCloud_UNI_FXY

DCloud_UNI_FXY

发一个测试工程

DCloud_UNI_FXY

DCloud_UNI_FXY

下个版本修复此问题。
临时方案:
首页的子页面不要设置bounce

 subpages: [{  
            id: 'index_sub',  
            url: 'index_sub.html',  
            styles: {  
                top: '44px',  
                bottom: 0,  
//              bounce: 'vertical'  
            }  
        }]
  • 朋也 (作者)

    好了,感谢

    2015-07-22 18:51

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