Question

我正在尝试设置菜单的打开和关闭动画。我在网站的两个地方做这个。一个地方工作正常，另一个地方不工作。

例如，在这里，我点击“项目信息”（导航到Ben Eine项目）打开和关闭菜单

很好，在Safari中运行良好。

然而，在我试图打开和关闭菜单的主页上 - 在Safari中它是跳跃的而且不是很平滑。请参阅下面的这个页面，点击项目，关于或联系（在Safari中）

我为每个人做同样的事情。

例如，最初我设置了像这样的元素

.mm-info {
    width: 400px;
    z-index: 1;
    left: -1000px;
    background: #fff;
    position: absolute;
    top: 0;
    height: 100%;
}

然后当我点击元素

时

var mainmenu_info_panel = $(mainmenu_info);
    mainmenu_info_panel.animate({"left":"0px"}, "slow").addClass('visible');
    $(mainmenu_projects_panel).fadeIn(1000);

可在此处找到确切的代码 https://github.com/twotwentytwo/rob-s-williams/blob/master/scripts/modules/menu.js 第73行

请注意我还没有重构一些代码，所以是的，它有点重复，需要认真重构。

我似乎在两个地方做同样的事情，一个工作一个没有。

我试过了：

删除主页上的元素，除了菜单项和菜单中的一些测试内容，这不起作用
我用CSS动画替换了动画 - 这不起作用。

我有点失落。

有人能帮忙吗？

Safari - 使用jQuery Animate在Safari中跳转动画 - 在FF＆amp;铬

0 个答案: