2014-02-24 44 views
0

使用jquery plungin之一顯示爲Flyout樣式菜單。Safari中缺少CSS - 下拉菜單

請檢查http://jsfiddle.net/bNj4R/

它在Safari瀏覽器這麼奇怪,當你從第五頂部點擊頂級菜單,它不會顯示任何兒童餐。

我發現這件事情做下面的CSS中jqueryUI.css

.ui-helper-clearfix:before, .ui-helper-clearfix:after { 
content: ""; 
display: table; 
border-collapse: collapse; 
} 
.ui-helper-clearfix:after { 
    clear: both; 
} 

這一切都在其他瀏覽器中工作的偉大。期待野生動物園。

請檢查http://jsfiddle.net/bNj4R/


固定,被迫作出滾動到頂部。在顯示子菜單之前。 ('。fg-menu.fg-menu-scroll')。scrollTop('0'); $('。fg-menu.fg-menu-scroll')。

謝謝你的建議:)

回答

0

看起來像Safari是不會再滾動框的頂部。這就是爲什麼前5項工作的原因,其餘的不是。一旦你滾動,Safari會在彈出子菜單時保留這個位置。

我認爲這可能是一個fgMenu庫的bug。看着lirbary,它已經5歲了,而且尺寸相當大。可能值得有更多的當前菜單庫尋找。現在可以用CSS來做一堆事情。