横向菜单选中并且定位jquery代码,没有想象中那么复杂。
$('.g-subnav-list>ul>li').click(function(){
$(this).addClass('active').siblings().removeClass('active');
$('.g-subnav-list').hide();
//关联
$('.g-subnav-box>ul>li').eq($(this).index()).addClass('active').siblings().removeClass('active');
var l = $('.g-subnav-box>ul>li').eq($(this).index()).position().left;
//console.log(l);
$('.g-subnav-box').animate({'scrollLeft':l},'normal');
return false;
})
关注“qietuwang”微信公众号,获取一手干货内容推送
本文由切图网原创,转载请保留版权:
微信扫一扫二维码访问