scrollTo
作用
Element 的 scrollTo()
方法可以使界面滚动到给定元素的指定坐标位置。
使用
- element.scrollTo(x-coord, y-coord)
- x-coord 滚动到位置水平轴上距元素左上角的像素。
- y-coord 滚动到位置竖直轴上距元素左上角的像素。
element.scrollTo(0, 1000);
- 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'
});