小编use*_*697的帖子

我正在一个页面上,我想要一个隐藏左侧导航栏.我只在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);
    });
});