我想將過(guò)渡添加到我的商店的粘性標(biāo)頭。當(dāng)滾動(dòng)大于 50 時(shí)，我希望 stciky header 從頂部顯示。scrollheader 和 coverheader 類工作正常。但是過(guò)渡不起作用。標(biāo)題只是跳到上面，因?yàn)閱⒂昧苏承詷?biāo)題?；諛?biāo)部分在粘性標(biāo)題中比普通標(biāo)題調(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');       }     });   })();通過(guò) css，我正在應(yīng)用 css 過(guò)渡屬性。我試圖通過(guò)將高度和行高應(yīng)用于標(biāo)題來(lái)獲得結(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>