動畫一menuhover與識別，其中主鏈路

Question

洙，我有這樣的腳本：my jsfiddle

正如你可以看到盤旋的菜單項時，動畫，但是當李休息，活動的div會忽略這一點，決定飛走。

我建議訪問我的鏈接以更好地理解我的問題。任何想法如何解決這個問題？

預先感謝您！
親切的問候，
喬納森

Answer 1

該動畫找到了li位置的索引（例如，如果它是第5個li，則索引= 5），並且簡單地計算絕對定位元素的左邊距， 。動畫不考慮浮動，包括垂直定位。

與此不同，將絕對定位的元素的左側屬性和頂部屬性設置爲與懸停項目相同。

我在這裏所做的： http://jsfiddle.net/q2AVN/7/

Answer 2

一個可能的想法是讓菜單項不要中斷。否則，很難重寫動畫。

爲了做到這一點可以使用CSS樣式white-space: nowrap施加到母元件（即ul或div）和設置風格display: inline-block（而不是float: left）至li元件。