jq实现右边导航和左边title对应

给右边对应的导航设置颜色

• 随便写了个，简单很笨的方法，但是感觉方法不对，思路是没问题的
  如果有更好的，请求分享，感谢哦~
我写的这个实现的效果是没问题的
  效果
  image.png

    
    window.onscroll = function () { 
        var p2 = $("#enpatent22").offset().top;
        var p3 = $("#enpatent33").offset().top;
        var p4 = $("#enpatent44").offset().top;
        var p5 = $("#enpatent55").offset().top;
        var p6 = $("#enpatent66").offset().top;
        var top = document.documentElement.scrollTop || document.body.scrollTop;
        var con2 = parseInt(p2) - parseInt(top);
        var con3 = parseInt(p3) - parseInt(top);
        var con4 = parseInt(p4) - parseInt(top);
        var con5 = parseInt(p5) - parseInt(top);
        var con6 = parseInt(p6) - parseInt(top);

        console.log(parseInt(con2))
        if (con2 < 10) {
            $('.enpatent2').css('color', '#226CE8').parent().siblings().find('a').css('color', '#333');
        }else {
            $('.enpatent2').css('color', '#333');
        }
        if (con3 < 10) {
            $('.enpatent3').css('color', '#226CE8').parent().siblings().find('a').css('color', '#333');
        }
        if (con4 < 10) {
            $('.enpatent4').css('color', '#226CE8').parent().siblings().find('a').css('color', '#333');
        }
        if (con5 < 10) {
            $('.enpatent5').css('color', '#226CE8').parent().siblings().find('a').css('color', '#333');
        }
        if (con6 < 10) {
            $('.enpatent6').css('color', '#226CE8').parent().siblings().find('a').css('color', '#333');
        }


    }