CSS - Safari 中缺少下拉菜单

Question

使用 jquery 插件之一显示为 Flyout 样式菜单。

请查看http://jsfiddle.net/bNj4R/

在Safari浏览器中很奇怪，当你从第五个顶部点击一个顶级菜单时，它没有显示任何子菜单。

我发现这与在 jqueryUI.css 中跟随 css 有关

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

在其他浏览器中一切正常。期待 Safari 。

请查看http://jsfiddle.net/bNj4R/

---

已修复，强制滚动到顶部。在显示子菜单之前。

$('.fg-menu.fg-menu-scroll').scrollTop('0');

感谢您的建议:)

Answer 1

看起来 safari 不会再次将框滚动到顶部。这就是为什么前 5 个工作而其余的不工作的原因。滚动后，Safari 会在调出子菜单时保持该位置。

我认为这可能是 fgMenu 库的错误。看看图书馆，它已有 5 年历史，而且规模相当大。可能值得四处寻找更新的菜单库。这些天可以用 css 做很多事情。