根据滚动位置调整DIV大小

Question

我试图根据滚动位置调整div上的填充。然而，似乎我的代码是不稳定的，而不是div'缩小'它只是变得更大。任何见解都会很棒

这里是一个小提琴，我在其中翻了句：http://jsfiddle.net/yQZsT/

$(window).scroll(function(){


if($(window).scrollTop() >= 428){

    $("#nav-container").animate({'padding-top' : '1.2em', 'padding-bottom' : '1.2em'}, 900);        
    } else{


    $("#nav-container").animate({'padding-top' : '3em', 'padding-bottom' : '3em'}, 900);        


    }

});

Answer 1

浏览器将填充渲染为增加父元素的大小。因此，如果减小宽度和高度并且不增加填充，则效果会更好。