Javascript 使用两个jQuery函数同时更改单个元素的不透明度？

我使用此功能在用户向下滚动时逐渐淡出徽标：

$(window).scroll(function(){
    var scroll = $(window).scrollTop();
    $('#logo-black').css({'opacity':(( 60-scroll )/60)});
});

我需要在切换按钮时将同一徽标完全淡出，所以我做了以下操作：

jQuery

CSS

这两个功能冲突，如果用户滚动，则徽标会在切换后显示。。。如何让这两个函数同时修改一个元素的不透明度而不相互抵消

---

（我正在修改的元素同时具有“logo black”的id和类）

使用优先级覆盖

.logo-black.logo-black-active { opacity: 0; }

但是，将添加具有优先权的内联CSS规则，因此请更改选择器

$('#logo-black:not(.logo-black-active)').css({'opacity':(( 60-scroll )/60)});

---

^我会避开

！重要信息

并使用优先级覆盖：

.logo-black.logo-black-active{opacity:0；}

我将尝试使用优先级并返回报告

.logo-black.logo-black-active { opacity: 0; }

$('#logo-black:not(.logo-black-active)').css({'opacity':(( 60-scroll )/60)});