横向分类栏怎么点击的时候居中？

<div id="scroll" class="mui-scroll-wrapper mui-segmented-control mui-segmented-control-inverted">
<div class="mui-scroll">
<a class="mui-control-item mui-active">
推荐
</a>
<a class="mui-control-item">
热点
</a>
<a class="mui-control-item">
北京
</a>
<a class="mui-control-item">
社会
</a>
<a class="mui-control-item">
娱乐
</a>
<a class="mui-control-item">
科技
</a>
<a class="mui-control-item">
热点
</a>
<a class="mui-control-item">
北京
</a>
<a class="mui-control-item">
社会
</a>
<a class="mui-control-item">
娱乐
</a>
<a class="mui-control-item">
科技
</a>
</div>
</div>

这是个横向分类栏，我想点击时被点击的元素居中显示，
mui('#scroll').pullRefresh().scrollTo(-100, 0, 300);
这个控制发现点击滑动后又复位为原来的样子了？