केवल jQuery में JQuery एनिमेट जम्पी

Question

मैं एक ऐसे पृष्ठ पर काम कर रहा हूं जहां मैं छिपा हुआ नेविगेशन बार छिपाना चाहता हूं। मैं केवल सफारी के साथ समस्या में भाग रहा हूं, क्रोम, एफएफ, ओपेरा, आई 7 + में कोई समस्या नहीं है।

जब स्लाइडिंग एनीमेशन सफारी में पूरा होने वाला है, तो आप कुछ सामग्री को संक्षेप में अपनी मूल स्थिति पर कूदने के बाद गायब हो जाएंगे। मैं बिना किसी किस्मत के थोड़ी देर के लिए शोध कर रहा हूं। ऐसा लगता है कि यह ज्यादातर समय पैडिंग या मार्जिन है, लेकिन वे शून्य पर सेट हैं और मैंने दो सीएसएस रीसेट की कोशिश की है। ऐसा लगता है कि यह फ्लोट के साथ कुछ करने के लिए है। मैंने साफ़ के साथ खेलने की कोशिश की लेकिन कोई किस्मत नहीं।

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

समस्या #divLeft पर float: left; के कारण होती है लेकिन आप #divLeft से नाव को हटा दें और अपने उसी संरचना बनाए रख सकते हैं।

margin-left: 4px;#content में जोड़ें क्योंकि जब आप फ्लोट को हटाते हैं तो दो divs थोड़ा squished मिलता है।

सफारी में एक बग की तरह लगता है और आपकी गलती नहीं है।