jquery - JQuery Animate Jumpy 仅在 Safari 中

Question

我正在处理一个想要隐藏左侧导航栏的页面。我只遇到了 Safari 的问题，Chrome、FF、Opera、IE7+ 没有问题。

当 Safari 中的滑动动画即将完成时，您会看到一些内容短暂地跳转到其原始位置然后消失。我已经研究了一段时间没有太多运气。似乎大多数时候它是填充或边距，但它们设置为零，我尝试了两次 CSS 重置。在我看来，这似乎与花车有关。我尝试与 Clear 一起玩，但没有运气。

这是一个演示

以及相关的动画：

$('#btnHide').click(function() {
    $("#divNavContent").animate({
        width: 'toggle'
    }, 1000, function() {
        $("#divNavHidden").animate({
            width: 'toggle'
        }, 500);
    });

});

$('#btnShowMenu').click(function() {
    $("#divNavHidden").animate({
        width: 'toggle'
    }, 500, function() {
        $("#divNavContent").animate({
            width: 'toggle'
        }, 1000);
    });
});  

Answer 1

问题是由于float: left;on#divLeft但是您可以从中删除浮动#divLeft并保持相同的结构。

还要添加margin-left: 4px;到，#content因为当您移除浮动时，两个 div 会有点挤压。

似乎它更像是 Safari 中的一个错误，而不是你的错。