使用 Javascript 在滾動上更改導航欄邊框底部

Question

我試圖讓我的導航欄的邊框底部僅在我向下滾動后才出現，但到目前為止無法使其工作。

這是我正在使用的 JS：

 $(document).ready(function(){ $(window).on("scroll",function(){ var wn = $(window).scrollTop(); if(wn > 100){ $(".semplice-navbar").css("border-bottom-color:","rgba(0,0,0,1)"); } else{ $(".semplice-navbar").css("border-bottom-color:","rgba(0,0,0,0)"); }

Answer 1

嘗試在 css 方法中調用元素時刪除“：”，如下面的代碼所示

$(document).ready(function(){
    $(window).on("scroll",function(){
    var wn = $(window).scrollTop();
    if(wn > 100){
        $(".semplice-navbar").css("border-bottom-color","rgba(0,0,0,1)");
    }
    else{
        $(".semplice-navbar").css("border-bottom-color","rgba(0,0,0,0)");
    }

代替

$(document).ready(function(){
    $(window).on("scroll",function(){
    var wn = $(window).scrollTop();
    if(wn > 100){
        $(".semplice-navbar").css("border-bottom-color:","rgba(0,0,0,1)");
    }
    else{
        $(".semplice-navbar").css("border-bottom-color:","rgba(0,0,0,0)");
    }