5

左側のナビゲーションバーを非表示にしたいページで作業しています。Safariでのみ問題が発生しています。Chrome、FF、Opera、IE7+では問題はありません。

Safariでスライドアニメーションが完了しようとすると、一部のコンテンツが一時的に元の位置にジャンプしてから消えます。運が悪かったので、しばらく研究を続けています。ほとんどの場合、パディングまたはマージンのように見えますが、それらはゼロに設定されており、2回のCSSリセットを試しました。それは山車と関係があるように私には思えます。クリアで遊んでみましたが運が悪かったです。

これがデモです

そして関連するアニメーション：

$('#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);
    });
});
4

1 に答える 1

1

float: left;オンが原因で問題が発生し#divLeftますが、フロートを削除し#divLeftて同じ構造を維持できます。

また、フロートを削除すると2つのdivが少し押しつぶされるため、に追加margin-left: 4px;します。#content

あなたのせいではなく、Safariのバグのようです。

于 2012-10-01T21:18:01.873 に答える