Bootstrap 4粘性导航与媒体查询问题

Question

对于我的Bootstrap 4项目，我发现了一个可以正常工作的粘性导航脚本。但是我不希望脚本具有最小的断点。 （小于992px）。

我已经尝试过：if（$（window）.width（）> = 992）{}但这似乎不起作用

这是我的代码，不包含查询：

$(document).ready(function() {
    var stickyNavTop = $('.navbar').offset().top;
    var stickyNav = function(){
       var scrollTop = $(window).scrollTop(); 
        if (scrollTop > stickyNavTop) { 
            $('.navbar').addClass('sticky');

        } else {
            $('.navbar').removeClass('sticky');
        }
    };

    stickyNav();
    $(window).scroll(function() {
        stickyNav();
    });
});

if ($(window).width() >= 992) {
    $(document).ready(function() {
        var stickyNavTop = $('.navbar').offset().top;
        var stickyNav = function(){
           var scrollTop = $(window).scrollTop(); 
            if (scrollTop > stickyNavTop) { 
                $('.navbar').addClass('sticky');

            } else {
                $('.navbar').removeClass('sticky');
            }
        };

        stickyNav();
        $(window).scroll(function() {
            stickyNav();
        });
    });
}

以上代码仅适用于宽度大于等于992px的屏幕

到目前为止，我的项目的实时视图：http://www.pixelsendots.be/klanten/aloca/