在动画上添加动画以改变滚动

Question

我已经构建了以下页面：

http://jsfiddle.net/czLo0t6n/

Code visible at jsfiddle

滚动时，标题会降低其高度，文字和徽标会改变其位置和大小，就像现在在许多网站上看到的那样。 我想在滚动过程中添加一个动画。我怎样才能做到这一点？我对JavaScript知之甚少，但实际上我认为动画已经在那里了。但正如你所看到的，各州互相跳跃，没有视觉转变。

或许你可以推荐一个比我用过的更好的剧本？

希望有人可以提供帮助： - ）

最佳

的Th

Answer 1

您应该在切换.large / .small类时更改元素的转场

#header header,
#logo, 
#slogan{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition:all 0.4s;
}

http://jsfiddle.net/czLo0t6n/2/

演示