Jquery scrollTop（）在导航上平滑动画

当我滚动时，我希望我的导航大小从90px减小到68px，我一直在使用jquery

.css

，它可以工作，但没有我想要的那么平滑，我想我应该使用

animate（）

，但老实说，我不知道怎么做，我在谷歌上搜索了一下，但找不到任何帮助

函数totop（）{
$（窗口）。滚动（函数（）{
if（$（this.scrollTop（））{
$（#nav'）.css（{'height'：'68px'}）；
}否则{
$（#nav'）.css（{'height'：'90px'}）；
}
});
}
totop（）
#导航{
宽度：100%；
高度：90px；
背景：线性梯度（至底部，rgb（44,44,44），rgba（29,38,51,0.5）50px）；
位置：固定；
过渡：.3s；
z指数：12312；
边框底部：1px实心rgba（255、255、255、0.1）；
}

莱万
查鲁阿什维利








我认为您不应该使用动画…相反，如果应用于所有更改属性的
.3s
中的当前一个过渡持续时间不够长，无法达到您想要的“平滑度”，请为“高度”属性指定不同的过渡持续时间。老实说，有什么不“平滑”呢？我经历了从90px到68px的流畅过渡，反之亦然。@Bram我想要更流畅的过渡