我想將過渡添加到我的商店的粘性標頭。當滾動大于 50 時，我希望 stciky header 從頂部顯示。scrollheader 和 coverheader 類工作正常。但是過渡不起作用。標題只是跳到上面，因為啟用了粘性標題?；諛瞬糠衷谡承詷祟}中比普通標題調(diào)整了近 80 像素。這是Javascript的代碼。(function enableStickyHeader() {     var stickyHeader = document.querySelector('header').dataset.sticky;     var scrollHeader = $("header.scrollheader");     $(window).scroll(function() {       var scroll = $(window).scrollTop();       if (scroll >= 50 && stickyHeader == 'true') {         scrollHeader.removeClass('scrollheader').addClass("coverheader");                } else {         scrollHeader.removeClass("coverheader").addClass('scrollheader');       }     });   })();通過 css，我正在應用 css 過渡屬性。我試圖通過將高度和行高應用于標題來獲得結(jié)果。但這也行不通。.coverheader {    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    transition: all 0.3s;    position: fixed;}header {    width: 100%;    line-height: 50px;    top: 0;    z-index: 150;}.scrollheader {    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    transition: all 0.3s;    position: relative;}該案例的 Html 代碼是這樣的。<header class="header-section scrollheader" data-section-id="header" data-section-type="header-section" data-sticky="true"><p>logo and menu is there</p></header>