Javascript 透明标题滚动至全彩-导航覆盖问题

目前，我的网站有一个透明的导航栏，当滚动时会变成全彩。我遇到的问题是，当页面在全屏导航上滚动时，导航栏也会切换颜色

当全屏导航打开时，如何停止导航栏切换颜色？我需要换衣服吗

$（文档）.ready（函数（）{
$（“.menu btn a”）。单击（函数（）{
$（“.overlay”）.fadeToggle（200）；
$（this.toggleClass（'btn-open'）。toggleClass（'btn-close'）；
});
$（'.overlay'）。在（'click'，function（）上{
$（“.overlay”）.fadeToggle（200）；
$（“.menu btn a”）.toggleClass（'btn-open'）.toggleClass（'btn-close'）；
});
$（'.menu a'）。在（'单击'，函数（）上）{
$（“.overlay”）.fadeToggle（200）；
$（“.menu btn a”）.toggleClass（'btn-open'）.toggleClass（'btn-close'）；
});
});
$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>100）{
$（“.navbar”）.css（“背景色”，“dedede”）；
}否则{
$（“.navbar”）.css（“背景色”、“透明”）；
}
})
});
正文{
背景：黑色；
}
.菜单btn{
z指数：999；
显示：内联；
字体大小：32px；
}
.菜单btn a{
显示：内联块；
文字装饰：无；
/*狩猎黑客*/
}
.btn打开：之后{
颜色：#fff；
内容：“\f394”；
字体系列：“Ionicons”；
-webkit转换：所有.2s线性0；
-moz转变：所有.2s线性0；
-o-过渡：所有0.2s线性；
转换属性：所有.2s线性0；
}
.btn打开：悬停：之后{
颜色：#ffffff；
}
.btn关闭：之后{
颜色：#fff；
内容：“\f2d7”；
字体系列：“Ionicons”；
-webkit转换：所有.2s线性0；
-moz转变：所有.2s线性0；
-o-过渡：所有0.2s线性；
转换属性：所有.2s线性0；
}
.btn关闭：悬停：之后{
颜色：#ffffff；
}
/*覆盖层*/
.覆盖{
位置：固定；
排名：0；
z指数：99；
显示：无；
溢出：自动；
宽度：100%；
身高：100%；
背景：rgba（209,180,0,0.96）；
}
.叠加.菜单{
利润率：15%；
宽度：80%；
}
.覆盖.菜单ul{
保证金：0；
填充：0；
宽度：100%；
}
.覆盖.菜单ul li{
浮动：左；
填充：6px0；
宽度：50%；
列表样式：无；
文本对齐：左对齐；
文本转换：大写；
}
.overlay.menu ul li#social{
宽度：100%；
边缘顶部：50px；
}
.覆盖.菜单ul li a{
颜色：#d1b400；
字体大小：300；
字体大小：20px；
字体系列：“旧标准TT”，衬线；
}
.overlay.menu ul li#social a{}
.覆盖.菜单ul{
边缘顶部：20px；
}
.overlay.菜单ul li{
位置：相对位置；
浮动：无；
保证金：0；
宽度：100%；
边界：0；
}
.覆盖.菜单ul li a{
颜色：#fff；
文本转换：大写；
字体大小：300；
字体大小：30px；
}
.overlay.menu ul li a:悬停{
颜色：#000000；
}
/*响应的*/
@媒体屏幕和屏幕（最大宽度：768px）{
.覆盖.菜单ul li{
浮动：无；
边缘底部：25px；
宽度：100%；
}
.覆盖.菜单ul li:最后一个孩子{
边界：0；
}
.覆盖.菜单ul{
边缘顶部：20px；
}
.菜单btn{
右：25px；
}
}
.例如{
位置：绝对位置；
底部：0；
字号：18px；
字体大小：粗体；
宽度：100%；
文本对齐：居中；
背景：#e9e9e9；
填充：20px；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
颜色：#333；
位置：固定；
}
.社交菜单{
显示：内联块；
边缘：0.4em；
}
.社交菜单a{
宽度：44px；
高度：44px；
填充：0；
背景图像：url（“../img/cd socials.svg”）；
背景重复：无重复；
/*图像替换*/
溢出：隐藏；
文本缩进：100%；
空白：nowrap；
}
.菜单社交.菜单facebook a{
背景位置：0；
}
.菜单社交.菜单instagram a{
背景位置：-44px 0；
}
.菜单社交菜单运球a{
背景位置：-88px 0；
}
.菜单社交.菜单推特a{
背景位置：-132px 0；
}
.overlay.menu ul li.说明{
填充：0px 0 10px 0px；
}
.overlay.menu ul li.description span{
颜色：#000000；
字体大小：13px；
字体大小：300；
文本转换：无；
}
p、 电话：，
p、 电子邮件{
利润率：0.3px 0；
}
p、 电话a{
颜色：#fff！重要；
字体重量：300！重要；
字体大小：20px！重要；
字母间距：1px；
}
p、 发电子邮件给{
颜色：#fff！重要；
字体重量：300！重要；
字体大小：20px！重要；
文本转换：无；
}
.菜单btn a跨度{
字号：18px；
颜色：#ffffff；
线高：18px；
字号：600；
位置：相对位置；
顶部：-5px；
右：5px；
}





品牌发展、标识、要点、要点

网站设计、网站开发、点、点

名片、传单、要点、要点

点，点，点，点

点，点，点，点





公司简介

我们工作的示例和案例研究

与我们联系以启动您的项目









<代码> > p>您可以考虑添加<代码>！重要信息
为始终保持背景样式的透明性：

.navbar.fixed-top {
   background:transparent!important;
}

您可以停止导航栏
$(document).ready(function () {

    $(".menu-btn a").click(function () {
        var scroll = $(window).scrollTop();
        $(".overlay").fadeToggle(200);
        $(this).toggleClass('btn-open').toggleClass('btn-close');

        if( $(this).hasClass('btn-close') ) { 
            $(".navbar").css("background-color", "transparent");
        } 
        else if( scroll > 100) {
            $(".navbar").css("background-color", "#dedede");
        }
    });

    $('.overlay').on('click', function () {
        $(".overlay").fadeToggle(200);
        $(".menu-btn a").toggleClass('btn-open').toggleClass('btn-close');
    });

    $('.menu a').on('click', function () {
        $(".overlay").fadeToggle(200);
        $(".menu-btn a").toggleClass('btn-open').toggleClass('btn-close');
    });

});

$(document).ready(function() {
    $(window).scroll(function() {
        var scroll = $(window).scrollTop();
        if (scroll > 100) {
            if($('.overlay:visible').length == 0) {
                $(".navbar").css("background-color", "#dedede");
            }
        } else {
            $(".navbar").css("background-color", "transparent");
        }
    });
});