jquery - 滚动到页面加载时

Question

我从这个链接（页面末尾）获得了一个 jquery 代码：如何使用 JavaScript/jQuery 滚动到页面顶部？

为什么不在 html 文件的开头使用一些参考元素，比如

<div id="top"></div>

然后，当页面加载时，只需执行

$(document).ready(function(){

    top.location.href = '#top';

});

如果此函数触发后浏览器滚动，您只需执行

$(window).load(function(){

    top.location.href = '#top';

});

现在，一切正常，但不是在谷歌浏览器中！ 我怎样才能为谷歌浏览器修复这个代码？ 以及如何在此代码中添加一些动画？像滚动速度或快，慢等...

score 20 · Accepted Answer

如果您使用的是 jQuery，则可以使用scrollTop滚动。这是一种方法，但它也可以是动画的。这是文档：scrollTop 的 jQuery API 文档

你可以像这样使用它：

$("html,body").scrollTop(0);

或用于动画：

$("html,body").animate({scrollTop: 0}, 1000);

您可以在任何事件处理程序中设置它：

$(document).ready(function()
{
     $("html,body").animate({scrollTop: 0}, 1000);
}

或者：

$(window).load(function()
{
     $("html,body").animate({scrollTop: 0}, 1000);
}

score 0 · Accepted Answer

（我会推荐 lewiguez 在实践中给出的答案，但仍然不确定为什么您的方法在 google chrome 中不起作用。）

这似乎对我有用，但我不确定窗口负载。尽管单击链接，但我测试了实际的“top.location.href”行。

$('#bottomlink').click(function(){
  top.location.href="#top";
  return false;
});

它位于页面顶部附近。

<p id="top">lorem ipsum</p>

这是页面底部的链接。

<a id="bottomlink" href="#">Bottom Link</a>

2 回答 2