我正在写一个模态弹出窗口,我需要浏览器跳转到屏幕的顶部,当打开模态按钮被按下。是否有一种方法可以使用jQuery将浏览器滚动到顶部?
当前回答
正如一些响应所暗示的那样,我必须使用window.scrollTo(0,0);而不是scrollTo(0,0);
window.scrollTo (0,0);工作与纯javascript在所有浏览器测试(无动画)。(MDN) (w3schools)。
来自MDN的例子:
没有选择:
window.scrollTo(0, 0);
使用选项:
window.scrollTo({
top: 0,
left: 0,
behavior: 'smooth'
});
下面是一个简单的例子,使用javascript内联html:
<button onclick="window.scrollTo(0, 0);">Click to scroll to top</button>
滚动流畅:
<button onclick="window.scrollTo({top: 0, left: 0, behavior: 'smooth'});">Smooth scroll</button>
注意: 在Chrome浏览器(例如89版)中,如果不首先启用平滑滚动,默认情况下似乎无法工作 chrome: / /标志/ #平滑滚动
window.scroll (0,0);类似于window.scrollTo(0,0);但是选项的兼容性较差。(参考)。
其他回答
你可以这样做没有javascript和简单地使用锚标签?然后它将被那些免费的js访问。
虽然你正在使用情态动词,我假设你不关心js自由。;)
如果你正在使用jQuery UI对话框,你可以只是样式的模式出现在窗口固定的位置,所以它不会弹出出视图,否定需要滚动。否则,
var scrollTop = function() {
window.scrollTo(0, 0);
};
应该能行。
你正在使用jQuery UI对话框,你可以只是样式的模式出现与窗口中的位置固定,所以它不会弹出出视图,否定需要滚动。其他
正如一些响应所暗示的那样,我必须使用window.scrollTo(0,0);而不是scrollTo(0,0);
window.scrollTo (0,0);工作与纯javascript在所有浏览器测试(无动画)。(MDN) (w3schools)。
来自MDN的例子:
没有选择:
window.scrollTo(0, 0);
使用选项:
window.scrollTo({
top: 0,
left: 0,
behavior: 'smooth'
});
下面是一个简单的例子,使用javascript内联html:
<button onclick="window.scrollTo(0, 0);">Click to scroll to top</button>
滚动流畅:
<button onclick="window.scrollTo({top: 0, left: 0, behavior: 'smooth'});">Smooth scroll</button>
注意: 在Chrome浏览器(例如89版)中,如果不首先启用平滑滚动,默认情况下似乎无法工作 chrome: / /标志/ #平滑滚动
window.scroll (0,0);类似于window.scrollTo(0,0);但是选项的兼容性较差。(参考)。
如果没有动画,你可以使用纯JS:
scroll(0,0)
用动画,检查尼克的答案。
推荐文章
- 转换php数组到Javascript
- 如何跳转到浏览器页面的顶部
- CSS: 100%的宽度或高度,同时保持纵横比?
- 确定$。Ajax错误是一个超时
- 在电子邮件消息中是否支持JavaScript ?
- 如何在JavaScript中指定Math.log()的基?
- 多重左赋值JavaScript
- 使用jQuery创建、读取和删除cookie
- 如何在单个测试基础上更改模拟实现?
- VueJS有条件地为元素添加属性
- Uncaught TypeError:(中间值)(…)不是一个函数
- 如何设置URL查询参数在Vue与Vue路由器
- 无法读取属性“addEventListener”为空
- 如何防止moment.js从webpack加载地区?
- getMonth在javascript中给出前一个月