我有一個名為的類nav-up，當我滾動以使其消失時，我使用 javascript 將其應用于我的導航欄。我也有一個類叫它nav-dark有背景顏色。我希望這兩項更改都能順利過渡，但似乎我一次只能做一個，就好像我同時做兩個都會取消另一個一樣。.navbar {  transition: top 0.2s ease-in-out;  transition: background-color 0.2s ease-in-out;}.nav-up {  top: -80px;}.nav-dark {  background-color: rgba(43, 43, 43, 1);  -webkit-box-shadow: 0 5px 14px rgba(0, 0, 0, 0.7);  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.7);}.nav-transparent {  opacity: 0;}這是javascript。它適用于應用類，但如果我向上滾動，我打算讓它再次透明。window.onscroll = function() {scrollFunction()};document.querySelector(".navbar").classList.add('navbar-transparent')document.querySelector(".navbar").classList.remove('navbar-dark');function scrollFunction() {  if (document.body.scrollTop < 330 || document.documentElement.scrollTop < 330) {    document.querySelector(".navbar").classList.add('nav-dark');  } else if (document.body.scrollTop > 330 || document.documentElement.scrollTop > 330){    document.querySelector(".navbar").classList.add('navbar-transparent')    document.querySelector(".navbar").classList.remove('navbar-dark');  }}