javascript - 在滚动菜单上更改类，首先单击问题

Question

我想要滚动的一页菜单，滚动时高度较小(在特定点之后)。这是代码:

$(document).ready(function () {
    var menu = $('.menuclass');
    $(window).scroll(function () {
        var y = $(this).scrollTop();
        var z = $('.someclass').offset().top;
        if (y >= z) {
            menu.removeClass('nav1').addClass('nav2');
        } else {
            menu.removeClass('nav2').addClass('nav1');
        }
    });
});

类 nav1 的高度为 120px，类 nav2 的高度为 60px

一切正常，除了第一次滚动(单击)到第一个 anchor 时，菜单重叠部分有一个问题，它仍然有 120 像素的高度，而不是新类应该有的 60 像素。我想脚本已经使用第一个高度来计算。在第二次滚动时，问题消失了。

如何在脚本中添加 60px 的大小，即使在第一次激活脚本时也能计算在内？

Answer 1

您能否展示您的代码，包括相关的 CSS 和 HTML？您发布的 JS 代码应该没有问题。