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

参考：SMOOTHLY SCROLL TO AN ELEMENT WITHOUT A JQUERY PLUGIN

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

Answer 2

您可以尝试window.location.hash：

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

Answer 3

试试这个

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

Answer 4

试试这个：

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

由于你的#day2main是动态加载div所以你不能给该div提供事件。试试这个小提琴：

http://jsfiddle.net/VXr9j/

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

4 个答案: