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

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