jquery ajaxページコンテンツを更新する

Question

divの内容を変更するためにjquery Ajaxが呼び出されていますが、機能性はすべてうまくいきますが、divを新しいコンテンツに置き換えるとページが少し揺れるようになり、ビュー位置が取得されますちょっと変わった。リフレッシュされるコンテンツは以下の通りです。私はajax呼び出しの後に得られるhtml応答を意味します。

<div class="booksFrame"> 
<a href="Magazine/magazinedetail/magazine_id/3"><img src="XXXXXX" alt="Pachakuthira" title="Pachakuthira" /></a> 
</div> 
<div class="booksFrame"> 
<a href="Magazine/magazinedetail/magazine_id/43"><img src="XXXXXX" alt="Toms Classics" title="Toms Classics" /></a> 
</div> 
<div class="booksFrame"> 
<a href="Magazine/magazinedetail/magazine_id/34"><img src="XXXXXX" alt="The Sunday Indian (English)" title="The Sunday Indian (English)" /></a> 
</div> 
<div class="booksFrame"> 
<a href="Magazine/magazinedetail/magazine_id/26"><img src="XXXXXX" alt="Travel Plus" title="Travel Plus" /></a> 
</div> 
<div class="rightArrow"><img src="XXXXXX" alt="next" title="next" id="next2" onclick="javascript:nextTopseller(this);" /></div> 
<input type="hidden" value="6" id="page_number_topseller" /> 

my function for ajax call。

function latestArrivalNext(next) 
     { 
     $("#previous").css("display", "block"); 
      if($('#page_number').val()) 
      { 
       page = Number($('#page_number').val()); 
       page = page+1; 
       /*alert(page);*/ 
       $("#ajax_container").html('<img src="/public/images/loading.gif" />').fadeIn('fast'); 
      } 
      else 
      page  = 2; 
      $.ajax 
      ({ 
       type: "POST", 
       url: "index/scrollnewrelease", 
       data: "page="+page, 
       success: function(msg) 
       { 
       /*alert(msg);*/ 
       if(msg!=0) 
       { /*alert(msg);*/ 
        $("#ajax_container").html(msg).fadeIn('slow'); 
        $("#previous").css("display", "block"); 
       }else 
       $(next).css("display", "none"); 
       } 
      }); 
     } 

Answer 1

私はこの長いバックを使用しました。試してみてください。このIEを追加すること

のみメタタグは、ちらつきを停止します。

<meta http-equiv="Page-Enter" content="revealtrans(duration=0.0)"> 

説明はhere

を見つけることができ、これはあなたの問題