<div id=”myTab-wrap” style=””>

<ul id=”myTab” class=”nav nav-tabs” style=”margin-top: 0;”>
<li>
<a href=”/newslist/35″>
最新动态
<span>|</span>
</a>
</li>
<li>
<a href=”/newslist/49″>新闻动态
<span>|</span>
</a>
</li>
<li>
<a href=”/newslist/50″>新闻资讯
<span>|</span>
</a>
</li>
<li class=”active”>
<a href=”/newslist/51″>新闻新闻
<span>|</span>
</a>
</li>
<li>
<a href=”/multilist/getlist/id/47″>热点新闻 </a>
</li>
</ul>
</div>

<script>
/*滚动至active*/
$(function(){
move_active();
});
function move_active(){
if($(window).width() < 767){
var moveX = $(‘.nav-tabs li.active’).position().left+$(‘.nav-tabs li.active’).parent().parent().scrollLeft();
var pageX = document.documentElement.clientWidth;//设备的宽度
var blockWidth = $(‘.nav-tabs li.active’).width();
console.log($(‘.nav-tabs li.active’).position().left,$(‘.nav-tabs li.active’).parent().parent().scrollLeft());
console.log(moveX,pageX,blockWidth);
var left = moveX-(pageX/2)+(blockWidth/2);
console.log(left);
$(“#myTab-wrap”).animate({scrollLeft:left},400);
}
}
</script>