JQuery Animate Jumpy Sadece Safari'de

Question

Saklanmış bir gezinme çubuğuna sahip olmak istediğim bir sayfada çalışıyorum. Sadece Safari’de sorunla karşılaşıyorum, Chrome, FF, Opera, IE7 +’da sorun yok.

Kayan animasyon Safari'de tamamlamak üzere olduğunda, bazı içeriğin kısa bir süre önce orijinal konumuna atlandığını görürsünüz ve sonra kaybolurlar. Bir süredir şanssızca araştırıyorum. Çoğu zaman dolgu veya kenar boşluğu gibi görünüyor, ancak sıfıra ayarlanmışlar ve iki CSS sıfırlamayı denedim. Bana şamandıralarla ilgili bir şeymiş gibi geliyor. Clear ile oynamayı denedim ama şans yok.

Here is a demo

Ve ilgili animasyonu:

$('#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

sorun #divLeft üzerinde float: left; nedeniyle oluşur Ama #divLeft şamandıra kaldırmak ve aynı yapıyı koruyabilirsiniz.

Ayrıca margin-left: 4px; değerini #content'a ekleyin, çünkü iki div, float'ı kaldırdığınızda biraz parlar.

Safari'deki bir hatadan daha fazlası gibi görünüyor ve sizin hatanız değil.