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


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()

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 原生JS頁面平滑滾動到頁面底部 js鼠標滾動到某個位置導航菜單顯示 ScrollTo:平滑滾動到頁面指定位置 JQuery插件:ScrollTo平滑滾動到頁面指定位置 ScrollTo:實現平滑滾動到頁面指定位置 js 頁面滾動到指定位置 js 頁面滾動到指定位置 js 獲取滾動位置,滾動到指定位置,平滑滾動 js