ios里，子页面包含滑动选项卡问题

当选中第二个选项卡的时候，选项卡下的蓝色指示条，却滑出了屏幕，没有正对选项卡下面。

主页面就是一个header ：
<script type="text/javascript" charset="utf-8">
var _ready = false;
var _page = 0;

                mui.plusReady(function(){  
                              _ready = true;  
                              var NJS = plus.ios.importClass("NJS");  
                              var html = NJS.currentHTMLpath();  
                               alert(44);  
                              mui.init({  
                                       beforeback: function(){  
                                       NJS.backToNativeController();  
                                       return true;  
                                       },  
                                       subpages:[{  
                                                    url:"unit-list.html",  
                                                    id:'unit-list',  
                                                    styles:{  
                                                        top:'44px',//mui标题栏默认高度为45px scalable:true；  
                                                        bottom:'0px'//默认为0px，可不定义；  
                                                    }  
                                                 }]  
                                       });  
                });              
                </script>  
    <header class="mui-bar mui-bar-nav" id="XLnav">  
        <a class="mui-icon mui-icon-left-nav mui-pull-left mui-action-back">  
            <img src="../../img/GoBack.jpg" width="22" height="16" alt=""></a>  
        <h1 class="mui-title" id="XLnavTit">做自测</h1>  
    </header>  

子页面：
<div id="slider" class="mui-slider">
<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<a class="mui-control-item" href="#item1mobile">
做自测
</a>
<a class="mui-control-item" href="#item2mobile">
做练习
</a>
</div>
<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-6"></div>
<div class="mui-slider-group">
<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">

                <ul class="mui-table-view">  
                    <li class="mui-table-view-cell">  
                        <a class="mui-navigate-right ">  
                           撒多福多寿发生地方  
                        </a>  
                    </li>  

                </ul>  
            </div>  
            <div id="item2mobile" class="mui-slider-item mui-control-content">  

                <ul class="mui-table-view">  
                    <li class="mui-table-view-cell">  
                        <a class="mui-navigate-right XLRjt zcmain">  
                            撒大大洒大地  
                        </a>  
                    </li>  

                </ul>  
            </div>  

        </div>  
    </div>