scrollTo与scrollBy滚动 动画效果

1.scrollTo(x,y) //指定滚动到x轴和y轴的位置
2.scrollTo(options) //options有三个参数，（left,top,behavior ）,
top 等同于 y-coord
left 等同于 x-coord
behavior 类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto,实测效果等同于instant
window.scrollTo({
top: 0,
behavior: "smooth"
});

 

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/scrollBy   地址

 

window.scrollBy(x-coord, y-coord);
window.scrollBy(options)

 

 

向下滚动一页：

window.scrollBy(0, window.innerHeight);

Copy to Clipboard

向上滚动一页：

window.scrollBy(0, -window.innerHeight);

Copy to Clipboard

使用 options：

window.scrollBy({
  top: 100,
  left: 100,
  behavior: "smooth"
});