Javascript 将不透明度更改为特定值
我正在制作一个导航栏,当用户在更大的屏幕上滚动时,导航栏会慢慢变为可见。 我不希望透明度完全变暗Javascript 将不透明度更改为特定值,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在制作一个导航栏,当用户在更大的屏幕上滚动时,导航栏会慢慢变为可见。 我不希望透明度完全变暗 我希望导航栏至少有点透明,并且其中的字体不透明度值为1 我怎么做?下面的代码使导航栏的不透明度在滚动操作时完全为1 $(窗口)。调整大小(函数(){ 如果($(窗口).width()480) $('.navbar').css('opacity',($(document.scrollTop()/900)); }); 如果您想要背景稍微透明一点,请使用背景色:rgba()。。它将只为背景提供不透明度。
$(窗口)。调整大小(函数(){
如果($(窗口).width()<480){
$('.navbar').removeClass(“navbar固定顶部”);
$('.navbar').css('opacity',1)
}否则{
$('.navbar').css('opacity',0)
}
});
$(文档).on('scroll',函数(e){
如果($(窗口).width()>480)
$('.navbar').css('opacity',($(document.scrollTop()/900));
});代码>
如果您想要背景稍微透明一点,请使用背景色:rgba()。。它将只为背景提供不透明度。否则,如果您给儿童1设置不透明度,则整个包装的不透明度也适用于儿童。:D.谢谢。我是用你的原理做的,但是用了色码而不是rgba<代码>$('.navbar').css(“背景色“,”ffffdf”)代码>