标题转换

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

您正在line-height转换header.smaller .nav-menu，因此它只在.smaller类转换，而不是默认类。要在向line-height添加或删除.smaller时进行header转换，只需将transition应用于.nav-menu

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