2016-09-07 52 views
1

我正在制作一个导航栏,当用户在较大的屏幕中滚动浏览栏时,导航栏会变得缓慢可见。 我不想透明度成为完全将不透明度更改为特定值

  1. 我想要的导航栏是一个小透明ATLEAST及其中的字体有不透明度值1

  2. 我该怎么办呢?下面的代码使滚动操作中导航栏的不透明度完全为1。

$(window).resize(function() { 
 

 
    if ($(window).width() < 480) { 
 
     $('.navbar').removeClass("navbar-fixed-top"); 
 
     $('.navbar').css('opacity', 1) 
 
    } else { 
 
     $('.navbar').css('opacity', 0) 
 
    } 
 
}); 
 

 
$(document).on('scroll', function(e) { 
 
    if ($(window).width() > 480) 
 
     $('.navbar').css('opacity', ($(document).scrollTop()/900)); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

回答

1

如果你只想背景有点透明然后用背景色:RGBA(); ..它会给背景只有不透明度。否则给整个包装不透明将适用于孩子太天气你给孩子们的不透明度1.

+0

:D。谢谢。 我使用你的原理做了它,但使用了颜色代码而不是rgba。 '$('。navbar').css(“background-color”,“#ffffdf”);' – puneeth8994