如果这个问题已经得到回答，我深表歉意。我试过寻找解决方案，但找不到任何适合我的代码的解决方案。我还是 jQuery 的新手。

对于两个不同的页面，我有两种不同类型的粘性菜单。这是两者的代码。

$(document).ready(function () {
    var contentNav = $('.content-nav').offset().top;
    var stickyNav = function () {
        var scrollTop = $(window).scrollTop();
        if (scrollTop > contentNav) {
            $('.content-nav').addClass('content-nav-sticky');
        } else {;
            $('.content-nav').removeClass('content-nav-sticky')
        }
    };
    stickyNav();
    $(window).scroll(function () {
        stickyNav();
    });
});
$(document).ready(function () {
    var stickyNavTop = $('.nav-map').offset().top;
    // var contentNav = $('.content-nav').offset().top;
    var stickyNav = function () {
        var scrollTop = $(window).scrollTop();
        if (scrollTop > stickyNavTop) {
            $('.nav-map').addClass('sticky');
            // $('.content-nav').addClass('sticky');
        } else {
            $('.nav-map').removeClass('sticky');
            // $('.content-nav').removeClass('sticky')
        }
    };
    stickyNav();
    $(window).scroll(function () {
        stickyNav();
    });
});

我的问题是底部粘性侧边菜单的代码不起作用，因为第二行代码var contentNav = $('.content-nav').offset().top;引发了一个错误，内容为“未捕获的类型错误：无法读取未定义的属性‘顶部’”。事实上，第二行下面的其他 jQuery 代码根本无法工作，除非它们被放置在它上面。

经过一番研究，我认为问题是$('.content-nav').offset().top找不到指定的选择器，因为它在不同的页面上。如果是这样，我找不到解决方案。