2013-04-30 111 views
0

我想添加動畫到jquery。使用jquery添加動畫

目前我有一個固定標題下的導航欄。當頁面滾動時,導航欄和下面的內容向上移動,直到導航欄到達頁面的頂部,在該頁面變得固定。此時,導航項左側會出現一個徽標,然後這些項將浮動到導航的右側。

我該如何做到這一點,這樣浮動的權利是不是這樣一個突然的跳躍,並有一個緩慢或褪色的動畫?

預先感謝您。

+1

你的代碼在哪裏?我找不到它... – 2013-04-30 15:21:03

+0

當你想要動畫運行時,你最好在CSS中使用動畫並在jQuery中使用'addClass'。如果你正在使用'float:right',你可能想用'position:absolute'替換它' – Andrew 2013-04-30 15:21:47

+0

問候,你有什麼代碼,並且你可以在一個小提琴jsfiddle.net中創建一個簡單版本的站點,這樣我們可以編輯您的代碼並向您反饋該代碼。我可以指出你在正確的方向,但我需要看到你有什麼樣的視覺效果。 – Cam 2013-04-30 15:22:46

回答

0

爲了獲得動畫,您需要能夠「補間」一個值。這意味着你需要能夠計算你給元素的值的步驟。

因此,很容易對動畫位置進行動畫處理。例如。從左側10px到左側100px進行動畫製作。你可以計算中間步驟。

這不可能與float,因爲沒有與其相關的可補間價值。所以,我會說絕對的定位,並填補它會留下填補的孔。