Javascript 导航栏在jquery 2.2.4中滚动时变得固定，而在jquery 3.1.1中则不固定

我正在尝试使用预定义的主题在

jekyll

中创建一个网站。然而，在我的

bower.json

中，

jquery

版本被称为

“^3.1.0”

，导航栏不是固定的，会随着页面向下滚动而向上移动，而在原始源代码中，使用的版本是

2.2.3

，因此当我将

bower.json

中的

jquery

版本更改为

“^2.2.3”

，它成功了！这是滚动javascript代码。为什么会这样？此外，是否建议将网站中的依赖项版本更新为最新版本，如我是否应该将

jquery

更新为最新版本

// Window Scroll
var windowScroll = function () {
    $(window).scroll(function () {

        var scrollPos = $(this).scrollTop();

        var system ={win : false,mac : false,xll : false};
        //¼ì²âƽ̨
        var p = navigator.platform;
        system.win = p.indexOf("Win") == 0;
        system.mac = p.indexOf("Mac") == 0;
        system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
        //ÅжÏƽ̨ÀàÐÍ
        if(system.win||system.mac||system.xll){
            if ($(window).scrollTop() > 70)
            {
                $('.site-header').addClass('site-header-nav-scrolled');
            } else {
                $('.site-header').removeClass('site-header-nav-scrolled');
            }
        }else{
            //Èç¹ûÊÇÊÖ»úÔò½«¶¥À¸ÒƳý½çÃæ
            if ($(window).scrollTop() > 40) 
            {
                $('.site-header').addClass('site-header-nav-scrolled-ph');
            } else {
                $('.site-header').removeClass('site-header-nav-scrolled-ph');
            }
        }
 });
};

$( document ).ready(function() {
    windowScroll();
});

---

3.1.1对我来说很好

另外，您可以创建

scrollPos

，但在if-else语句中使用

$（window）.scrollTop（）

您不必为每个滚动条检测

系统

，只需将其设置为关闭

windowScroll