2011-08-15 38 views
0

我正在創建一個網站縮小標題部分「滾動」和下拉菜單。下拉菜單工作,直到我滾動,然後它的一個混亂

我遇到的問題是,當我向下滾動下拉菜單時,顯示不正確。我嘗試了幾個小時檢查包含下拉列表的「ul」元素,但我不明白髮生了什麼,因爲當我檢查元素時,我在那裏看到了該框,但它沒有顯示。

我成立了一個演示我的問題在這裏http://makanudos.com/pico/beg.php

你會看到,如果不滾動,它的工作原理,一旦滾動,即使你回滾了它亂。

當我刪除標題的縮小功能它一切正常,所以我的猜測是錯誤必須在那裏,但幾小時後我沒有運氣。

在正確的方向任何一點將不勝感激!

+0

您的演示依賴於您的Intranet(AJAX進入一個內部IP) – Shad

回答

2

父母li它擁有ul它的動畫,獲得內聯樣式overflow: hidden。這就是爲什麼你看不到菜單打開,即使它在那裏。

+1

是的,從你的jQuery代碼刪除聲明。它附加到滾動事件。 – avetarman

+0

天才!看起來像'overflow'是在我調用'animate'時創建的,所以我必須做的事情是在動畫'$('。topnav li')後調用類似這樣的命令。css('overflow-x','visible ');' 非常感謝! – JordanBelf

0

jQuery集溢出:在動畫之前隱藏,以避免在動畫期間內容溢出元素。要覆蓋此行爲,你可以嘗試恢復CSS:

$(element).animate(...).css('overflow', 'visible'); 
+0

非常感謝Gruikya! – JordanBelf