如何跳转到浏览器页面的顶部

我正在写一个模态弹出窗口，我需要浏览器跳转到屏幕的顶部，当打开模态按钮被按下。是否有一种方法可以使用jQuery将浏览器滚动到顶部?

当前回答

如果没有动画，你可以使用纯JS:

scroll(0,0)

用动画，检查尼克的答案。

其他回答

如果没有动画，你可以使用纯JS:

scroll(0,0)

用动画，检查尼克的答案。

我知道这是旧的，但对于那些在Edge有问题的人:

普通JS: window.scrollTop=0;

不幸的是，scroll()和scrollTo()会在Edge中抛出错误。

如果你正在使用jQuery UI对话框，你可以只是样式的模式出现在窗口固定的位置，所以它不会弹出出视图，否定需要滚动。否则,

var scrollTop = function() {
    window.scrollTo(0, 0);
};

应该能行。

Vanilla Javascript解决方案

theId.onclick = () => window.scrollTo({top: 0})

如果你想平滑滚动

theId.onclick = () => window.scrollTo({ top: 0, behavior: 'smooth' })

你可以像这样设置scrollTop:

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

或者如果你想要一个小动画而不是一个快照到顶部:

$('html, body').animate({ scrollTop: 0 }, 'fast');

推荐文章