jQuery高度动画在顶部，而不是元素的底部

Question

HTML / CSS / JS： http ： //jsfiddle.net/_mtr/XGe8d/2/

我的问题是动画发生在元素的底部，而不是顶部。 我认为这是我的CSS定位问题，但我无法理解它。 和想法？

Answer 1

尝试

$(document).ready(function() {
    $("a").hover(

    function() {
        $(this).animate({
            'paddingTop': '+=10px'
        }), $(this).animate({
            'paddingTop': '-=10px'
        });
    });

});

Answer 2

如果我理解你想要实现的目标，可以选择padding-top而不是height 。

Answer 3

这是另一种解决方案

http://jsfiddle.net/moeishaa/s26wr/

Answer 4

我更新了你的jsFiddle 。 我添加了位置：相对于你的css并使用了top（）。 我还添加了.stop（true，true）来消除排队问题。