1. 程式人生 > >原生js window.scrollTo平滑滾動到頁面的某個位置

原生js window.scrollTo平滑滾動到頁面的某個位置

window.scrollTo()

語法1: 

 window.scrollTo(x-coord,y-coord)

  • x-coord 是文件中的橫軸座標。
  • y-coord 是文件中的縱軸座標。

例子:

  window.scrollTo(0,1000); // 垂直滾動到1000的位置

語法2:

 window.scrollTo(options)

  • top 等同於  y-coord
  • left 等同於  x-coord
  • behavior  型別String,表示滾動行為,支援引數 smooth(平滑滾動),instant(瞬間滾動),預設值auto,實測效果等同於instant

 例子:

window.scrollTo({ 
    top: 1000, 
    behavior: "smooth" 
});

 如果某個元素滾動到某個位置,也可以用以上方法:

  document.querySelector('.className').scrollTo()

 

 

 

學習、交流、記錄、編輯一部自己的知識庫

轉載於:https://www.cnblogs.com/z-one/p/9603263.html