jquery - jQuery .scrollHeight 没有恢复

Question

我有一个轻微的困境。我有一个固定高度的元素，但是当我将鼠标悬停在它上面时，我希望它达到自动高度。我的这个工作几乎完美，但一个问题是当我将光标从元素上移开时，它会保持自动高度。我希望它回到固定的高度。有谁能帮忙吗？这是jQuery。

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

我还创造了整个事情的小提琴。

Answer 1

将您的“高度：自动”更改为 80 像素

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