Przewiń do góry po załadowaniu zawartości ajaxowej

Question

Czy mimo to mogę ją ustawić, aby strona automatycznie przewinęła się do góry po załadowaniu zawartości (przez Ajax)?

Jest to kod mam do wyświetlania treści:

$(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; 
    }); 
}); 

Więc po „view-area” załadował jej zawartość można utworzyć stronę Autoprzewijanie do góry?

Answer 1

Wystarczy użyć funkcji przewijania

scrollTo(0); 

Jeśli chcesz jQuery, następnie here is a good example with smoothing :)

Z linkiem:

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

Aby umieścić go w kodzie

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

Answer 2

Możesz wykonać następujące operacje: $(window).scrollTop(0);

Answer 3

Wszystkie żądania ajax mają argument wywołania zwrotnego, więc użyj scrollTop(0). Sprawdź dokumentację jQuery, jak korzystać z wywołań ajaxowych.