ヘッダーの移行

Question

ここは私のウェブサイトであり、ヘッダーの移行に関する問題があります。

下にスクロールすると、ヘッダーメニュー（背景とメニュー項目の両方）に遷移がありますが、上にスクロールすると背景だけが遷移します。

https://jsfiddle.net/CRooY3/dxpx8m9z/

header { 
    width: 100%; 
    height: 150px; 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 999; 
    -webkit-transition: height 0.8s; 
    -moz-transition: height 0.8s; 
    -ms-transition: height 0.8s; 
    -o-transition: height 0.8s; 
    transition: height 0.8s; 
} 

Answer 1

あなたはheader.smaller .nav-menuにline-heightを移行しているので、それは、デフォルトのクラス、.smallerクラスではないの移行です。あなたはheaderに.smallerを追加または削除する場合、line-height移行を持っているだけでtransition

.nav-menuから

https://jsfiddle.net/dxpx8m9z/1/

を適用するには