jquery - 読み込み時にページを div にスライドさせるにはどうすればよいですか?

Question

そのため、ページが読み込まれると、対象の div にスライドするようにします。

var todayStory = $('#day2main');
var initialOffset = 550;

$('.storyContainer').load('story.html', function() {
    //story loads fine.
    $('html,body').animate({scrollTop:$(todayStory).offset().top-initialOffset}, 1000);
    //doesn't animate to div I indicate.
});

ヘルプ！よろしくお願いします！

Answer 1

参照: JQUERY プラグインなしで要素にスムーズにスクロールする

 $('html, body').animate({
     scrollTop: $("#day2main").offset().top
 }, 2000);

Answer 2

これを試して

$('html, body').animate({scrollTop:$('#day2main').position().top}, 'slow');

Answer 3

これを試して：

$('html,body').animate({
   scrollTop: $('#day2main', '.storyContainer').offset().top
}, 1000);

あなたの#day2maindivは動的にロードされるので、直接そのdivにイベントを与えることはできません。このフィドルを試してください：

http://jsfiddle.net/VXr9j/

Answer 4

あなたが試すことができますwindow.location.hash：

$(document).ready(function () {
    window.location.hash = '#day2main'; 
});