scrollTo 平滑滚动

scrollTo

作用

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

使用

1. element.scrollTo(x-coord, y-coord)

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

element.scrollTo(0, 1000);

2. element.scrollTo(options)

• options 是一个ScrollToOptions对象。

ScrollToOptions

• top: 指定 window 或元素 Y 轴方向滚动的像素数。
• left: 指定 window 或元素 X 轴方向滚动的像素数。
• behavior: 指定滚动是否应该平滑进行，还是立即跳到指定位置。支持参数 smooth(平滑滚动), instant(瞬间滚动),默认值 auto（同instant）

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

ScrollToOptions 兼容