默认情况下，我有一个具有红色背景颜色的导航栏。
我想要做的是，当用户向下滚动超过 100px 将背景更改为蓝色，并且如果他返回到 0px 将背景更改为其默认状态。
例如，我想通过在两个类之间切换来做到这一点<div class="navigation red">应该是默认类，如果用户向下滚动以添加<div class="navigation blue">如果他向后滚动有<div class="navigation red"> again.
这是我的尝试：
$(document).ready(function(){
$(window).scroll(function(){
if ($(window).scrollTop() > 100){
$('.navigation').toggleClass( "blue");
}
});
});
但这是行不通的。这是一个jsbin http://jsbin.com/bifabixelaci/2/.
有什么想法如何让它发挥作用吗？
尝试以下代码：
$(document).ready(function () {
$(window).scroll(function () {
$('.navigation').toggleClass("blue", ($(window).scrollTop() > 100));
});
});
这是中的示例jsbin http://jsbin.com/mozuponuneme/1/edit
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
