添加了slider的顶部div选项卡，点击选项后无法居中的问题 及解决办法

我的顶部选项卡代码如下：
<div id="slider" class="mui-slider mui-fullscreen ">
<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<div class="mui-scroll ">
<a class="mui-control-item mui-active" href="#item1mobile">
时事新闻
</a>
<a class="mui-control-item" href="#item2mobile">
最新公告
</a>
<a class="mui-control-item" href="#item3mobile">
流程公告
</a>
<a class="mui-control-item" href="#item4mobile">
市场专项动态
</a>
<a class="mui-control-item" href="#item5mobile">
网络专项动态
</a>
<a class="mui-control-item" href="#item6mobile">
综合专项动态
</a>
</div>
</div>
</div>
当点击 "流程公告" 或者 "市场专项动态"等 选项卡时无法居中。
解决办法：
找到mui.js中的_gotoPage方法，代码改为：
_gotoPage: function(index) {
this.currentPage = this.pages[Math.min(index, this.pages.length - 1)][0];
for (var i = 0, len = this.snaps.length; i < len; i++) {
if (i === index) {
this.snaps[i].classList.add(CLASS_ACTIVE);
} else {
this.snaps[i].classList.remove(CLASS_ACTIVE);
}
}
var x = this.currentPage.x;
var width = this.currentPage.element.offsetWidth;
var len = x;
if(x<0){
len = x - width/2;
}else if(x>0){
len = x + width/2;
}
if(len < this.maxScrollX){
len = x;
}
this.scrollTo(len, 0, this.options.bounceTime);
}