Element.scrollTo()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Element 的 scrollTo() 方法可以使界面滚动到给定元素的指定坐标位置。

语法

scrollTo(x-coord, y-coord)
scrollTo(options)

- 或者 -

包含以下参数的对象：

top: 指定沿 Y 轴滚动窗口或元素的像素数。
left: 指定沿 X 轴滚动窗口或元素的像素数。
behavior: smooth 表示平滑滚动并产生过渡效果、instant 表示滚动会直接跳转到目标位置，没有过渡效果。auto 或缺省值表示浏览器会自动选择滚动时的过渡效果。

element.scrollTo(0, 1000);

使用 options:

element.scrollTo({
  top: 100,
  left: 100,
  behavior: "smooth",
});

Specification
CSSOM View Module # dom-element-scrollto