अजाक्स सामग्री लोड

Question

के बाद शीर्ष पर स्क्रॉल करें क्या वैसे भी मैं इसे बना सकता हूं ताकि सामग्री लोड हो जाने के बाद पृष्ठ स्वचालित रूप से शीर्ष पर स्क्रॉल हो जाए (अजाक्स के माध्यम से)?

यह वह जगह है कोड सामग्री प्रदर्शित करने के लिए मेरे पास है:

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

तो बाद 'दृश्य क्षेत्र' अपनी सामग्री भरी हुई है मैं शीर्ष करने के लिए पेज ऑटो स्क्रॉल कर सकते हैं?

Answer 1

बस कड़ी से तो here is a good example with smoothing :)

स्क्रॉल समारोह

scrollTo(0); 

का उपयोग आप jQuery चाहते हैं,:

$('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 दस्तावेज़ देखें।