jquery - 根据滚动位置调整 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

浏览器将填充呈现为增加父元素的大小。所以，如果你减少宽度和高度而不增加填充，它会更好。