js滚动到页面顶部

本文俺将教大家如何使用原生js的scrollTo来实现滚动到页面顶部。

如果不需要使用动画来滚动，则不需要使用到任何插件。

我们可以使用原生的JavaScript window.scrollTo 传入0,0 将会立即滚动到页面左上角。

element.scrollTo(x-coord, y-coord);
//或者
element.scrollTo(options)

参数

• x-coord 是期望滚动到位置水平轴上距元素左上角的像素。
• y-coord 是期望滚动到位置竖直轴上距元素左上角的像素。

或者

• options 是一个ScrollToOptions对象。

例

element.scrollTo(0, 1000);
//ScrollToOptions
element.scrollTo({
  top: 100,
  left: 100,
  behavior: 'smooth'
});

浏览器兼容性