点击导航显示对应列表

点击导航显示对应列表

导航 yearNum li'
列表 journalNumCon
$('body ').delegate('.yearNum li', 'click', function (e) {
    $(this).addClass('active').siblings().removeClass('active');
    let index = $(this).index();
    $('html,body').animate({
        //90代表页面导航条占据的高度,具体根据需求来改变
        scrollTop: $('.journalNumCon').eq(index).offset().top-100
    }, 1000);
    return false;

})

你可能感兴趣的:(点击导航显示对应列表)