scrollTop 平滑滚动

854

scrollTo

作用

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

使用

  1. element.scrollTo(x-coord, y-coord)
  • x-coord 滚动到位置水平轴上距元素左上角的像素。
  • y-coord 滚动到位置竖直轴上距元素左上角的像素。
element.scrollTo(0, 1000);
  1. 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 兼容

ScrollToOptions 兼容