1
我正在制作一个导航栏,当用户在较大的屏幕中滚动浏览栏时,导航栏会变得缓慢可见。 我不想透明度成为完全将不透明度更改为特定值
我想要的导航栏是一个小透明ATLEAST及其中的字体有不透明度值1
我该怎么办呢?下面的代码使滚动操作中导航栏的不透明度完全为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>
:D。谢谢。 我使用你的原理做了它,但使用了颜色代码而不是rgba。 '$('。navbar').css(“background-color”,“#ffffdf”);' – puneeth8994