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開始抽搐。