Question

我设法得到一个可折叠的固定标题的工作版本，当用户滚过某一点时会收缩，但我真正想做的是在收缩状态下实际图像更改。

这是当前标题http://kmmedia.com.au/test/index.html，因为您可以看到它只会缩小图像。

我实际上希望图像的较小版本是没有书写的徽标的红色部分（因此是不同的图像）。喜欢这个网站http://byassociationonly.com/

我试图用自己的填充来获得初始状态，使其垂直居中，然后在滚动上说10px填充顶部和底部......

任何想法？

Answer 1

使用jQuery动画...

 $('header').animate({
        height: '47px'}, 300);
    $('nav').animate({
        width: '80px'}, 300);

你可以在这里看到演示...