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

Question

我正在一个有两个jQuery脚本的项目中。

第一个是用于平滑滚动的插件-Ariel Flesler平滑滚动 。

第二个是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

我实际上已经弄清楚了，我只需要增加窗口位置号并对其进行修复即可。