jQuery平滑滚动禁用窗口位置的类更改

Question

我正在开发一个包含两个 jQuery 脚本的项目。

第一个是平滑滚动的插件- Ariel Flesler Smooth Scroll。

第二个是一个 jQuery 脚本，当它变为 1085px 时，它会更改固定顶部导航栏的类。

问题在于，当您单击锚点以将页面向下滚动到下一部分时，jQuery 不会触发，并且顶部栏的类也不会改变。当您使用鼠标滚动或移动滚动条时，脚本将触发并更改类。我找遍了没有答案。任何帮助将非常感激！

这是顶栏脚本：

$(function() {
    //caches a jQuery object containing the header element
    var header = $(".head-bar");
    $(window).scroll(function() {
        var scroll = $(window).scrollTop();

        if (scroll >= 1085) {
            header.removeClass('trans-bar').addClass("dark-bar");
        } else {
            header.removeClass("dark-bar").addClass('trans-bar');
        }
    });
});

Answer 1

我实际上已经想通了，我只需要增加窗口位置编号并修复它。