使用Javascript滚动更改导航栏边框底部

Question

我试图使导航栏的边框仅在向下滚动后显示，但到目前为止无法正常工作。

这是我正在使用的JS：

textLabel

Answer 1

尝试在css方法中调用元素时删除“：”，如下面的代码

In [1]: import xml.etree.ElementTree as ET
   ...:
   ...: tree = ET.parse('svg_font.xml')
   ...: root = tree.getroot()
   ...:
   ...: for glyph in root.findall('glyph'):
   ...:     print('Name: ' + glyph.attrib)
   ...:

In [2]:

代替

$(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)");
    }