jQuery .hover（）动画不平滑 - 小凹凸/悬停效果抖动

Question

我有这个简单的jQuery悬停效果，它可以工作，但并不完美 - 当您输入列表项目（悬停）时，动画会产生一个小小的混乱/碰到底部，为什么？然而，当离开的元素，动画流畅（浏览器中使用 - 铬）

HTML：

<div id="div1"> 
<ul> 
    <li><a>JP Links</a></li> 
    <li><a>JP Middel</a></li> 
    <li><a>JP Regs</a></li> 
</ul> 
</div> 

的jQuery：

$('#div1 ul li').hover(
    function(){ 
     $(this).find('a').animate({'top': '0'}, 'slow'); 
    }, 
    function(){ 
     $(this).find('a').animate({'top': '75%'}, 'slow'); 
    }     
); 

见FIDDLE

Answer 1

这是由于这样的事实那你只能顶顶：0。请尝试写作顶部：0％像这样：

$(this).find('a').animate({'top': '0%'}, 'slow'); 

我不知道为什么，但它的工作。

Answer 2

将第一个函数中的'0'更改为'10%'在它恢复之前，从0开始抽搐。