Ajaxコンテンツのロード後にスクロールする

Question

コンテンツがロードされた後（Ajax経由で）ページが自動的に一番上にスクロールできるようにしていますか？ 「ビューエリア」はそのコンテンツをロードした後にそう

$(document).ready(function() { 
    var my_layout = $('#container').layout(); 
    $("a.item_link").click(function() { 
     $("#loader").fadeIn(); 

     feed_url = $(this).attr("href"); 
     $.ajax({ 
      type: "POST", 
      data: "URL=" + feed_url, 
      url: "view.php", 
      success: function (msg) { 
       $("#view-area").html(msg); 

       $("#loader").fadeOut(); 
      } 
     }); 
     return false; 
    }); 
}); 

私が先頭にページの自動スクロールを行うことができます。

これは、コンテンツを表示するために私が持っているコードですか？あなたはjqueryのをしたい場合

Answer 1

ちょうどリンクから、その後here is a good example with smoothing :)

、スクロール機能

scrollTo(0); 

を使用する：あなたのコードでそれを置くために

$('html, body').animate({ scrollTop: 0 }, 0); 
//nice and slow :) 
$('html, body').animate({ scrollTop: 0 }, 'slow'); 

... 
     success: function (msg) { 
      $("#view-area").html(msg); 
      $("#loader").fadeOut(); 
      //Put code here like so 
      $('html, body').animate({ scrollTop: 0 }, 0); 
     } 

Answer 2

できます$(window).scrollTop(0);

Answer 3

すべてのajaxリクエストにはコールバック引数がありますので、scrollTop(0)を使用してください。 ajaxコールバックの使用方法については、jQueryのドキュメントを参照してください。