jQuery在页面重新加载时没有按预期工作

时间:2013-05-03 14:13:39

标签: jquery scroll scrolltop

我编写了一个jQuery脚本,它应该在页面完全加载后运行。 它应该跳到页面的末尾,隐藏一个div并在稍微延迟后向上滚动动画。

这是我的代码: http://jsfiddle.net/6utNc/

如果我从jsFiddle运行它,它按预期工作。 如果我在Chrome或Safari中本地打开它(未在FF,Opera和IE中测试),它也会按预期工作。问题是,如果我试图重新加载页面,它将不会以任何方式滚动,而是按预期运行其他所有内容。

这两个.scrollTop()可以相互杀死吗?

$('html,body').scrollTop($siteheight);
$('#loader').fadeOut();
$('html,body').delay(2000).animate({scrollTop: 0}, 600);

2 个答案:

答案 0 :(得分:1)

这可能很愚蠢,但我没有看到它包含在文档就绪函数中

$(document).ready(function() {
    //insert code here
});

以下是更新后的jsfiddle

答案 1 :(得分:0)

尝试此而不是第一行:

document.body.scrollTop = document.body.clientHeight;

以及John Harding所提到的内容也很重要。