如何在加载时将页面滑动到div？

Question

So when the page loads, I want it to slide to targeted divs.

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.
});

Help! Please and thank you!

Answer 1

Ref: SMOOTHLY SCROLL TO AN ELEMENT WITHOUT A JQUERY PLUGIN

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

Answer 2

You could try window.location.hash :

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

Answer 3

尝试这个

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

Answer 4

Try this:

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

As your #day2main is dynamically loaded div so directly you can't give event to that div. Try this fiddle:

http://jsfiddle.net/VXr9j/