我试图获得标题高度的平滑动画（60 fps），这最初是100％的窗口高度，而目标（点击导航链接后）是固定的（80px）。简单地在高度上使用css过渡就不够平滑，以及使用jQuery动画功能。我正在为其他元素使用变换过渡，但我不知道，我怎么能让这个元素正常工作。我更喜欢在这上面使用css，但是jq解决方案也没问题。
这是页面：http://mariuszbrozek.com/test
HTML看起来像这样：
<header>
<nav>...</nav>
</header>
<section class="content">
...
</section>
<footer>
...
</footer>
开头时，内容部分不会显示，点击导航链接后会显示。