添加了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);

}



2015-12-30 10:02 添加评论 分享
已邀请:
0

五指山大王

赞同来自:

请问解决了吗,遇到了同样的问题


要回复问题请先登录注册

退出全屏模式 全屏模式 回复