jQuery中animate的height的自适应

Posted 2020-08-11 都斌大苏打

可以用 animate() 方法几乎可以操作大部分CSS 属性，但其属性的值不能为字符串，很多人都遇到过这个问题。

 

例如：获取一个元素自适应时的高，但el.animate({height:‘auto’})是没有效果的。

 

今天我也遇到了这个，花了点时间解决了这个问题，然后就想做个随笔，顺便给大家分享一下。

 

（菜鸟一只，第一次发随笔，不喜的尽量喷，嘻嘻）

 

 

解：使用css获取当前元素自适应时的高，然后就可以直接使用了。

var h_header=header.css("height","auto").height();

header.animate({height:h_header},500);