jQuery动画高度为auto

Question

我的ul高度为125px.当用户悬停ul时,我想要将高度设置为自动高度.当用户超出ul时,UL再次碰撞到125px.

    $('.box .box-overflow ul').hover(function() {
        $(this).animate({
            height: '100%'
        }, 400);
    }, function() {
        $(this).animate({
            height: '125px'
        }, 400);
    });

这工作,但当用户进入ul它扩展但没有一个很好的动画效果？

有人可以帮我这个吗？:)

Answer 1

你可以用scrollHeight来做.

$('ul').hover(function(){
  $(this).animate({
    height: $(this)[0].scrollHeight+'px'
  }, 400);
}, function(){
  $(this).animate({
    height: '125px'
  }, 400);
});