Javascript 滚动时wordpress sydney主题收缩标题

我试图在滚动后缩小标题。我正在研究儿童主题

下面是页眉在页面顶部的显示方式的屏幕截图

这是向下滚动一点时的外观

这就是我希望它在滚动时的样子

我将此css添加到子主题以使徽标更大：

.site-logo{
    max-height:200px;
 }

---

我希望在滚动时最大高度缩小到100px。我不知道怎么做。请帮忙。

我添加了这个css，它工作得非常好

 .site-logo {
   -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
 .float-header .site-logo {
    max-height: 100px;
  }

我从aThemes支持页面上发布的一个问题中找到了问题的解决方案