Question

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

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

Here is a demo

相关动画：

$('#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;上的#divLeft但您可以从#divLeft移除浮动并保持相同的结构。

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

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

仅在Safari中使用JQuery Animate Jumpy

1 个答案: