页面加载时滚动到

Question

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

你为什么不在你的html文件的最开头使用一些引用元素,比如

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

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

$(document).ready(function(){

    top.location.href = '#top';

});

如果浏览器在此功能触发后滚动,您只需执行此操作即可

$(window).load(function(){

    top.location.href = '#top';

});

现在,一切正常,但不是谷歌铬! 我如何为谷歌浏览器修复此代码？ 以及如何为此代码添加一些动画？像滚动速度或快速,慢等...

Answer 1

如果您使用的是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);
}