最近做了一個滾動列表功能
來記錄一下語法～


ScrollBy

滾動多少位置

1
2
scrollBy(x-coord, y-coord)  
scrollBy(options)


ScrollTo

滾動到指定的位置

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


Options 的寫法

如果 top 值為負數代表內容向下滾動；而 left 為負數則是內容向右滾動

1
2
3
4
5
6
scrollBy / scrollTo  
({  
  top: 0,  
  left: 100,  
  behavior: "smooth" (平滑) / "instant" (瞬間) / "auto" (看瀏覽器)  
})


最後，附上 codepan 範例供參考