jquery 2.2.4でスクロールするとNavbarが固定になりますが、jqueryではなく3.1.1

Question

定義済みのテーマを使用してjekyllでWebサイトを作成しようとしています。しかし、私のbower.jsonのjqueryバージョンは"^3.1.0"と言われていましたが、navbarは固定されておらず、ページを下にスクロールしながら移動しましたが、元のソースコードでは2.2.3でしたので、jqueryのバージョンをbower.jsonに変更しました"^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(); 
}); 

Answer 1

3.1.1 https://jsfiddle.net/br3t/pujfta96/で私にとってうまく動作します。

また、scrollPosを作成しますが、if-elseステートメントで$(window).scrollTop()を使用します。

スクロールするたびにsystemを検出することはできません。ただちにwindowScrollをオフにしてください。