根据滚动位置调整 DIV 大小答案

【问题标题】：resize DIV based on scroll position根据滚动位置调整 DIV 大小
【发布时间】：2012-10-23 14:55:15
【问题描述】：

我正在尝试根据滚动位置调整 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);        


    }

});

【问题讨论】：

能否请您发布您的 CSS 和 HTML，也许是一个小提琴？谢谢:)
你能用jsfiddle.net 玩吗？
如果它只是做你想要的相反，你不能只是翻转参数吗？
嘿，刚刚发到jsfiddle.net/yQZsT

标签： jquery scroll jquery-animate

【解决方案1】：

浏览器将填充呈现为增加父元素的大小。因此，最好减少宽度和高度而不增加内边距。

【讨论】：

如果 CSS 中的 padding 设置为 5em，这段代码实际上会减少他的元素。但我同意使用高度/宽度。