按住横向滚动区域页面不能整体上下滚动

            <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" style=" height:11.6rem;border-bottom: 10px solid #EFEEF4;padding: 0 8px;">  
                <div class="mui-scroll" id="VideoList">  
                    <script id="VideoList_html">  
                        {{each VideoList as value i}}  
                        <div class="mui-control-item hotlist_item"  onclick="VideoBtn(this,{{value.ID}});">  
                            <div class="hotlist_itembanner" >  
                                <img src={{value.ImageUrl}} alt=""/>  
                                <b style="display:none;">{{value.GoToUrl}}</b>  
                                <h1>{{value.Title}}<span class="iconfont icon-yan">{{value.ReadTimes}}</span></h1>                                  
                            </div>  
                        </div>  
                        {{/each}}  
                    </script>   
                </div>  
            </div>  

$(function(){  

            mui.init({  
            swipeBack:true //启用右滑关闭功能  
        });  

        mui('.mui-scroll-wrapper').scroll({  
             scrollY: true, //是否竖向滚动  
             scrollX: true, //是否横向滚动  
             startX: 0, //初始化时滚动至x  
             startY: 0, //初始化时滚动至y  
             indicators: true, //是否显示滚动条  
             deceleration:0.0006, //阻尼系数,系数越小滑动越灵敏  
             bounce: true //是否启用回弹              
       });  

    })