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

Question

我正在写一个模态弹出窗口,当按下打开模态按钮时我需要浏览器跳到屏幕顶部.有没有办法使用jQuery将浏览器滚动到顶部？

Answer 1

您可以设置scrollTop,如下所示:

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

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

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

Answer 2

没有动画,你可以使用普通的JS:

scroll(0,0)

有了动画,请查看尼克的回答.

Answer 3

如果您正在使用jQuery UI对话框,您可以将模式设置为在窗口中固定的位置显示,这样它就不会弹出视图,从而无需滚动.除此以外,

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

应该做的伎俩.

Answer 4

你可以在没有javascript的情况下使用锚点标签吗？然后,那些js免费可以访问.

虽然你正在使用模态,但我认为你并不关心js是否自由.;)

Answer 5

普通的JavaScript解决方案

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

如果你想要平滑滚动

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