jquery,如何让固定定位的导航栏,滑动一屏的距离后之后,颜色发生变化,并且设置半透明
1个回答
展开全部
$(window).scroll(function(){
if($("body").scrollTop()>$(window).height()){/*你要的是一屏,我不知道屏幕多大就用浏览器窗口高度了
在这里你可以进行你想做的事,颜色变化如果是换字体颜色就是color,背景颜色就是background-color,想换图片就换图片background-image,不一一细说了,写法用$(你的导航栏id或者什么的).css("想要改的样式(如color)","想要改的效果(如#123456)")就行了ps:忘 了还有一个,*/
$("h3").css("opacity","0.5");
}
});
if($("body").scrollTop()>$(window).height()){/*你要的是一屏,我不知道屏幕多大就用浏览器窗口高度了
在这里你可以进行你想做的事,颜色变化如果是换字体颜色就是color,背景颜色就是background-color,想换图片就换图片background-image,不一一细说了,写法用$(你的导航栏id或者什么的).css("想要改的样式(如color)","想要改的效果(如#123456)")就行了ps:忘 了还有一个,*/
$("h3").css("opacity","0.5");
}
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询