Javascript 如何更改bootsrap 4中顶部固定导航栏的颜色？

嗨，我是网络开发新手。

---

我在bootstrap 4 beta中更改颜色时遇到

navbar

问题。如何在Bootstrap4Beta中滚动时更改固定导航栏的颜色。请考虑任何关于这个的教程。 我不确定您到底面临什么问题，但我附加了一个单击按钮，它将让您了解如何使用

scroll

事件更改滚动条上的导航栏颜色

---

我给出了一些想法，这只是一个例子

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>300）{
$（“.black”）.css（“背景”、“蓝色”）；
}
否则{
$（“.black”）.css（“背景”，“#333”）；
}
})
})

正文{
保证金：0；
填充：0；
高度：1000px；
}
布莱克先生{
位置：固定；
排名：0；
背景：#333；
宽度：100%；
高度：50px；
}
布莱克先生{
列表样式类型：无；
填充：0；
}
李先生{
显示：内联块；
宽度：100px；
颜色：红色；
}
蓝先生{
位置：固定；
排名：0；
背景：蓝色；
宽度：100%；
高度：50px；
}

链接
链接
链接
链接

它在bootstrap 4 beta版上不起作用，因为它们会将类navbar fixed top更改为fixed-top。如果我没有错，你可以做我的事情。你可以在用户滚动时获取当前活动的类，然后用不同的颜色类别切换该类。它只在链接上起作用，而不是在navbar上。但现在我使用jquery在上更改navbar的颜色滚动，它会工作。很高兴为您提供帮助，