Javascript 突出显示滚动条上的导航栏项目

我想根据scroll上的当前部分突出显示每个导航栏项，但javascript会返回一个错误，例如

无法读取未定义的
的属性'addClass'。这是我的密码：

Js:

$（函数（）{
让aboutofsettop=$（“#about section”）.offset（）.top；
设termsofsettop=$（“#terms节”）.offset（）.top；
让attendantsOffsetTop=$（“#attendants节”）.offset（）.top；
让askedOffsetTop=$（“#要求最多的部分”）.offset（）.top；
让contactOffsetTop=$（'#contact section'）.offset（）.top；
$（文档）.on（'scroll'，function（）{
让scrollTop=$（文档）；
让主动导航；
如果（滚动顶部<约至设定点）{
activeNav=$（'.右导航li:n个子（1）a'）；
}
else if（滚动顶部
尝试添加默认的活动导航，滚动时尝试查看您的条件是否有效，如在每个
if else
条件中说
consol.log
，检查它们是否变为真尝试添加默认的活动导航，滚动时尝试查看您的条件是否有效，如在每个
if else
条件中说
consol.log
，并检查它们是否变为真
$(function(){
    let aboutOffsetTop = $('#about-section').offset().top;
    let termsOffsetTop = $('#terms-section').offset().top;
    let attendantsOffsetTop = $('#attendants-section').offset().top;
    let askedOffsetTop = $('#most-asked-section').offset().top;
    let contactOffsetTop = $('#contact-section').offset().top;

    $(document).on('scroll', function(){
        let scrollTop = $(document).scrollTop;
        let activeNav;

        if(scrollTop < aboutOffsetTop){
            activeNav = $('.right-nav li:nth-child(1) a');
        }
        else if(scrollTop < termsOffsetTop){
            activeNav = $('.right-nav li:nth-child(2) a');
        }
        else if(scrollTop < attendantsOffsetTop){
            activeNav = $('.right-nav li:nth-child(3) a');
        }
        else if(scrollTop < askedOffsetTop){
            activeNav = $('.right-nav li:nth-child(4) a');
        }
        else if(scrollTop < contactOffsetTop){
            activeNav = $('.right-nav li:nth-child(5) a');
        }

        activeNav.addClass('active-nav');
        $('.right-nav li a').not(activeNav).removeClass('active-nav');
    });
});