2020年9月15日

横向菜单选中并且定位jquery代码


横向菜单选中并且定位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;
})

微信扫一扫二维码访问


16年前端经验
加微信好友直接沟通
了解《我的十年》