2017-07-21 40 views
0

ajaxでページを読み込み、メインページを読み込んだページの先頭に自動スクロールさせます。ajaxでページを読み込み、読み込んだページアンカーにスクロール

HTML

<button class="btn btn-info btn-lg" type="button" id="photos"> <i class="fa fa-plus fa-5x"></i><br>Add Photo</button> 

と私は、これはコード

$(document).ready(function(){ 
$("#photos").click(function(){ 
    $(".content-loader").fadeOut('slow', function() 
    { 
     $(".content-loader").fadeIn('slow'); 
     $(".content-loader").load('somepage.php?pid=3'); 
    }); 
}); 

上記作品の罰金とページ「somepage.phpをJS持っているページの下部にある:ここに は、私が使用したコードのですか? pid = 3 'が <div class="content-loader">にロードされています。 'somepage.php?pid = 3'のページが読み込まれたら、自動スクロールするページを<div class="content-loader">にするにはどうすればよいですか?

+1

[要素にjQueryのスクロール]の可能性の重複は(https://stackoverflow.com/questions/6677035/jquery-scroll-to-element) – Liam

+0

ちょうど成功に上記を包みます[load()]のコールバック – Liam

+0

[非同期呼び出しからの応答を返すにはどうすればよいですか?](https://stackoverflow.com/questions/14220321/how-do-i-return-the-response -from-an-asynchronous-call) – Liam

答えて

0

​​機能では、以下が有効です。それは完全な負荷にスクロールする必要があります

$(".content-loader").load('somepage.php?pid=3', function() { 
    $('html,body').animate({scrollTop: $(".content-loader").offset().top}); 
}); 
+0

これは動作します、ありがとう – Nikos

関連する問題