Javascript 不透明度更改卷轴上的图标

这里有新用户。 我用html编写的javascript命令有问题。 因此，我的页面分为三个部分。这些部分由固定导航栏上的3个图标表示。我想做的是让另外两个图标的不透明度根据你滚动到的区域而降低。 我写了一个if-else语句来让它工作，第一节也是这样，但是当我为下一节写了一个新的if-else语句时，下一个不透明度的变化是无法识别的

我的代码：

$(document).ready(function() {
    var nav = $(".work1");
    var banner = $("#LogoBio");
    var pos = nav.position();
    var icon1 = $("#Graphics");
    var icon2 = $("#Animations");
    var icon3 = $("#HandArt");
    var section1 = $("#ill4");
    var section2 = $("#aniDes");

    $(window).scroll(function(){
         var windowpos = $(window).scrollTop();

         if (windowpos>=banner.outerHeight()){
             nav.addClass('fixedTop');
         }
         else {
             nav.removeClass('fixedTop');
             }

    $(".work1").wrapInner('<div class="nav-inner"</div>');


    if (windowpos>=section1.outerHeight()){
        icon2.addClass('opacityChange'); 
        icon3.addClass('opacityChange');

        }
    else {
            icon2.removeClass('opacityChange');
            icon3.removeClass('opacityChange');
        }
        });
    });

$（文档）.ready（函数（）{
var nav=$（“.work1”）；
var banner=$（“#LogoBio”）；
var pos=导航位置（）；
var icon1=$（“#图形”）；
var icon2=$（“#动画”）；
var icon3=$（“#HandArt”）；
风险值第1节=$（“第4节”）；
var第2节=$（“#aniDes”）；
$（窗口）。滚动（函数（）{
var windowpos=$（window.scrollTop（）；
如果（windowpos>=banner.outerHeight（））{
资产净值增加类（'fixedTop'）；
}
否则{
导航移除类（“固定顶部”）；
}
$（“.work1”）.wrapInner（“首先将类属性添加到图标标记：




然后，在代码中，首先将类添加到所有.icon标记中，然后从不需要的标记中删除该类：

$(".icon").addClass("opacityChange");
if (windowpos>=section3.outerHeight()) {
    icon3.removeClass("opacityChange");
} else if (windowpos>=section2.outerHeight()) {
    icon2.removeClass("opacityChange");
} else if (windowpos>=section1.outerHeight()) {
    icon1.removeClass("opacityChange");
}

首先将类属性添加到图标标记：




然后，在代码中，首先将类添加到所有.icon标记中，然后从不需要的标记中删除该类：

$(".icon").addClass("opacityChange");
if (windowpos>=section3.outerHeight()) {
    icon3.removeClass("opacityChange");
} else if (windowpos>=section2.outerHeight()) {
    icon2.removeClass("opacityChange");
} else if (windowpos>=section1.outerHeight()) {
    icon1.removeClass("opacityChange");
}

第三部分在哪里？嘿，谢谢你的及时回复兄弟。我甚至还没有加入第三部分。我只是想让前两部分发挥作用。第三部分在哪里？嘿，谢谢你的及时回复兄弟。我甚至还没有加入第三部分。我只是想让前两部分发挥作用。我要尝试一下，非常感谢SalmanAA的帮助！我要试试这个，非常感谢你的帮助！