我正在写一个模态弹出窗口,我需要浏览器跳转到屏幕的顶部,当打开模态按钮被按下。是否有一种方法可以使用jQuery将浏览器滚动到顶部?
当前回答
你可以像这样设置scrollTop:
$('html,body').scrollTop(0);
或者如果你想要一个小动画而不是一个快照到顶部:
$('html, body').animate({ scrollTop: 0 }, 'fast');
其他回答
如果没有动画,你可以使用纯JS:
scroll(0,0)
用动画,检查尼克的答案。
你正在使用jQuery UI对话框,你可以只是样式的模式出现与窗口中的位置固定,所以它不会弹出出视图,否定需要滚动。其他
Vanilla Javascript解决方案
theId.onclick = () => window.scrollTo({top: 0})
如果你想平滑滚动
theId.onclick = () => window.scrollTo({ top: 0, behavior: 'smooth' })
我知道这是旧的,但对于那些在Edge有问题的人:
普通JS: window.scrollTop=0;
不幸的是,scroll()和scrollTo()会在Edge中抛出错误。
如果你正在使用jQuery UI对话框,你可以只是样式的模式出现在窗口固定的位置,所以它不会弹出出视图,否定需要滚动。否则,
var scrollTop = function() {
window.scrollTo(0, 0);
};
应该能行。