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', '.storyContainer').offset().top
}, 1000);

由于您#day2main是动态加载的 div，因此您不能直接向该 div 提供事件。试试这个小提琴：

http://jsfiddle.net/VXr9j/

Answer 3

你可以试试window.location.hash：

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

Answer 4

尝试这个

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