刷新时如何使网页滚动到页面顶部?

时间:2019-05-03 21:43:31

标签: javascript jquery

经过大约两个小时的搜索,我仍然找不到如何使我的首页在刷新后立即显示的方法。到目前为止,唯一的方法就是使用jquery和javascript滚动效果,这需要永远滚动到顶部。因此,滚动效果基本上是没有用的。有没有另一种方法可以做到这一点,例如您将如何在html中给标签赋予id,并在您单击链接时立即将您重定向到页面的特定位置,而没有javascript的滚动效果?

2 个答案:

答案 0 :(得分:1)

您不需要jQuery即可实现,普通的JavaScript都可以实现。

使用window.scoll(0, 0),您可以立即滚动到顶部。如果希望在页面完全加载后使用它,请将其包装在$().ready()中。

$().ready(function() {
   window.scroll(0, 0);
});

您还可以使用HTML元素的name属性(可以通过不赋予任何值使其不可见)来在滚动至顶部的位置添加锚点。

<a name="top"></a>
$().ready(function() {
    document.location.href="#top";
});

答案 1 :(得分:1)

您只需要一线香草JavaScript代码。

window.scroll(0,0);

如果使用jquery或DOMContentLoaded函数(如果使用纯javascript),则可能需要在Jquery文档就绪函数之外执行此代码,以避免任何滚动效果。