页面加载时滚动到

Question

我从这个链接获得了一个jquery代码（页面末尾）： How to scroll to top of page with JavaScript/jQuery?

  

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

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

  

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

$(document).ready(function(){

    top.location.href = '#top';

});

  

如果浏览器在此功能触发后滚动，您只需执行

$(window).load(function(){

    top.location.href = '#top';

});

现在，一切正常，但不是谷歌Chrome！ 如何为谷歌浏览器修复此代码？ 以及如何为此代码添加一些动画？喜欢滚动速度或快速，慢速等...

Answer 1

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

您可以像这样使用它：

$("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);
}

Answer 2

（我推荐lewiguez在实践中给出的答案，但仍然不确定为什么你的方法在谷歌浏览器中不起作用。）

这似乎对我有用，但我不确定窗口负载。我通过点击链接测试了实际的“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>