我对此几乎要失去理智了。我有一个bootstrap导航栏,我喜欢自己设计颜色等。因此,我使用以下代码更改了下拉菜单导航栏的链接颜色
.navbar .navbar-nav .dropdown-menu li a {
color:white;
}
它工作得很好,所以如果我有如下菜单项
Menu Item
sub menu item
子菜单项变为白色。
现在问题就从这里开始了。如果我将屏幕变小以折叠导航栏。下拉菜单链接的颜色仍然是默认的,所以我认为bootstrap使用的是媒体查询,不管我怎么尝试,它都不起作用。同样的技术是行不通的。
@media (max-width:767px){
我正在使用JS库: Jan的ScrollMagic.io和GSAP。
Scrollmagic.io允许我在滚动时触发一些CSS更改,一旦到达特定的触发器元素,JS脚本如下所示:
var controller = new ScrollMagic.Controller();
var scene = new ScrollMagic.Scene({
triggerElement: "#trigger1"
})