javascript - jQuery/Ajax content updater keeps jumping on refresh -

मेरे पास निम्न कोड है:

  & lt; script src = "http: // ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> & LT; स्क्रिप्ट & gt; Var auto_refresh = setInterval (function () {$ ('# loaddiv') .FadeOut ('slow')। लोड ('/ resources / latest.php')। FadeIn ("slow");}, 5000); & Lt; / स्क्रिप्ट & gt; & Lt; div id = "loaddiv" शैली = "टेक्स्ट-संरेखित करें: केंद्र" & gt; & Lt;? Php require_once ("{$ _ सर्वर ['DOCUMENT_ROOT']} / संसाधन / नवीनतम.php"); ? & Gt; & Lt; / div & gt;   
 हर भार पर, पृष्ठ ऊपर कूदता है, यह अद्यतित सामग्री को असंभव रूप में पढ़ता है क्योंकि उपयोग में पाई में अधिक रखा जाता है, कोई भी विचार मैं इसे कैसे हल कर सकता हूं? धन्यवाद!   
 
 
 बदलें  fadeIn  और  fadeOut  के साथ  fadeTo  ताकि तत्व लोड करने के लिए  display: none  पर सेट नहीं किया जाता है।  
  var auto_refresh = setInterval (function () {$ ('# Loaddiv') .FadeTo ('slow', 0) .load ('/ resources / latest.php')। फीडटो ("धीमा", 1);}, 5000);   
 हालांकि ... अगर आप div को हर 5 सेकंड में छुपा रहे हैं, तो क्या यह उपयोगकर्ता को किसी भी तरह से बाधित करने वाला नहीं है?