当我向下滚动时,我想隐藏大徽标并露出小徽标
<div class="row clearfix" >
<div class="col-md-12 column">
<nav class="navbar navbar-default" role="navigation" data-spy="affix" data-offset-top="10">
<div class="navbar-header"> <a class="big_logo" href="#"><img src="img/logo.png" alt="logo"></a><a class="small_logo" href="#"><img src="img/logo_small.png" alt="logo_small"></a></div>
</nav>
</div>
</div>
我不知道我在CSS中搞砸了什么:
.big_logo {
}
.big_logo.affix {
display:none;
}
.small_logo {
display:none;
}
.small_logo.affix {
}
您期待.big_logo
并.small_logo
获得上课的机会.affix
。这data-spy="affix"
实际上是获取.affix
类的元素,因此您需要将CSS选择器修改为.affix .big_logo而不是.big_logo.affix,如下所示:
.small_logo {
display: none;
}
.affix .small_logo {
display: block;
}
.affix .big_logo {
display: none;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句