Javascript 向下滚动时如何对角缩小框大小

可以设置这两个特性的动画：

---

将高度和宽度放在一起，如下所示：

$(function(){
var navIsBig = true;
var $nav = $('#header_nav');

$(document).scroll( function() {
    var value = $(this).scrollTop();

    if ( value > 50 && navIsBig ){
        $nav.animate({height:45},"medium");
        $('.box').animate({height:36},"medium");
        $('.box').animate({width:78},"medium");
        navIsBig = false;

    }
    else if (value <= 50 && !navIsBig ) {
       $nav.animate({height:80},"medium");
         $('.box').animate({height:53},"medium");
        $('.box').animate({width:104},"medium"); 
        navIsBig = true;
    }
});
});

http://jsfiddle.net/9fact/466/

$('.box').animate({height:36, width:78});