Javascript js导航栏边框底线和滚动条上的颜色变化

我使用js创建了一个导航栏，可以根据滚动改变颜色。我想在滚动之前添加一条底部边框线，属性为“thin”“solid”和white（#FFFFFF或rbga（255255255），但我想我的语法有问题。其他一切都可以正常工作，滚动时颜色会发生变化，但我无法确定底部边框。我很确定我只是语法错误

type="text/javascript">
    $(document).ready(function(){
    $(window).on("scroll",function(){
    var wn = $(window).scrollTop();
    if(wn > 20){
        $(".navbar").css("background","#191918");       
    }
    else{
        $(".navbar").css("border-bottom","thin solid rbg(255,255,255)");
        $(".navbar").css("background","rgba(0,0,0,0)");     
    }
  });
});

任何帮助都将不胜感激。

您需要使用

rgb（255255255）

而不是rbga。Rgba需要4个参数。 检查rgb和rgba之间的差异

你们将边框底部设置为白色，所以我猜你们看不到它。举个例子，我希望你们能看到它——阿克萨纳·托尔斯托古佐娃 关于背景，您将不透明度设置为0，所以如果父对象的背景也为白色，您也无法看到它。

您需要使用

rgb（255255255）

而不是rbga。Rgba需要4个参数。 检查rgb和rgba之间的差异

你们将边框底部设置为白色，所以我猜你们看不到它。举个例子，我希望你们能看到它——阿克萨纳·托尔斯托古佐娃

---

关于背景，您将不透明度设置为0，因此如果父对象的背景也为白色，您也无法看到它。

发现这是一个语法错误的组合，还需要在更改中添加一行，以将该行转换为黑色并覆盖它

type="text/javascript">
    $(document).ready(function(){
    $(window).on("scroll",function(){
    var wn = $(window).scrollTop();
    if(wn > 20){
        $(".navbar").css("border-bottom","thin solid rgb(0,0,0)");
        $(".navbar").css("background","#191918");
        $(".navbar").css("transition-duration","0.2s");
    }
    else{
        $(".navbar").css("border-bottom","thin solid rgb(255,255,255)");
        $(".navbar").css("background","rgba(0,0,0,0)");     
    }
  });
});

---

继续这样做，我还遇到了一个问题，页面加载时该行不存在，并且只在我滚动一次时才起作用。目前没有.navbar的css以及添加到.navbar的任何css。navbar似乎不会影响页面。有什么想法吗？

找到了，这是一个语法错误的组合，还需要在transi的更改中添加一行把这条线涂成黑色，也把它盖住

type="text/javascript">
    $(document).ready(function(){
    $(window).on("scroll",function(){
    var wn = $(window).scrollTop();
    if(wn > 20){
        $(".navbar").css("border-bottom","thin solid rgb(0,0,0)");
        $(".navbar").css("background","#191918");
        $(".navbar").css("transition-duration","0.2s");
    }
    else{
        $(".navbar").css("border-bottom","thin solid rgb(255,255,255)");
        $(".navbar").css("background","rgba(0,0,0,0)");     
    }
  });
});

---

继续这样做，我还遇到了一个问题，页面加载时该行不存在，仅在我滚动一次时才起作用。目前没有.navbar的css以及添加到.navbar的任何css。navbar似乎不会影响页面。有什么想法吗？

滚动之前的意思是什么？您的意思是默认情况下它应该具有这些属性吗？正确。navbar从底部带有薄while边框的透明背景开始，滚动后背景变为深灰色。我尝试在css中执行此操作，但此js似乎覆盖了我的css。也许我会尝试删除else语句。继续此操作，我还有一个问题，即当页面加载且仅工作时，该行不存在s一旦我滚动。目前没有.navbar的css和添加到.navbar的任何css。有什么想法吗？滚动之前是什么意思？你的意思是默认情况下它应该具有这些属性吗？正确。滚动背景时，navbar从底部带有薄while边框的透明背景开始变为深灰色。我尝试在css中执行此操作，但此js似乎覆盖了我的css。也许我会尝试删除else语句。继续此操作，我还有一个问题，页面加载时该行不存在，仅在我滚动一次后才起作用。目前没有.navbar的css以及添加到.navbar的任何css。navbar似乎不会影响有什么想法吗？我最初在读rbga（255255,0.9）时，不透明度为0.9。两种组合都不起作用-rbga（255255,0.9）或rbg（255255）.实际上，您的代码看起来是正确的。您设置了border bottom，但我猜，您看不到它，因为它是白色的。检查示例，我希望您看到它是的，这是一个简单的语法错误，尽管现在我遇到了一个问题，即该行仅在向下滚动后显示，然后返回upI。我最初在那里的不透明度为0.9，并且读取rbga（255255,0.9）.rbga（255255,0.9）或rbg（255255.5）。实际上，您的代码看起来是正确的。您设置了border bottom，但我想，您没有看到它，因为它是白色的。检查示例，我希望您看到它是的，这是一个简单的语法错误，尽管现在我遇到了一个问题，即该行仅在向下滚动然后再向上滚动后才显示