Window.scrollTo()

摘要

滾動到文檔中的某個坐標。

語法

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

window.scrollTo(options)

參數

• x-coord 是文檔中的橫軸坐標。
• y-coord 是文檔中的縱軸坐標。
• options 是一個包含三個屬性的對象:

1. top 等同於  y-coord
2. left 等同於  x-coord
3. behavior  類型String,表示滾動行為,支持參數 smooth(平滑滾動),instant(瞬間滾動),默認值auto,實測效果等同於instant

例子

window.scrollTo( 0, 1000 );

// 設置滾動行為改為平滑的滾動
window.scrollTo({ 
    top: 1000, 
    behavior: "smooth" 
});

注意

該函數實際上和 window.scroll是一樣的。 相對滾動可以參考 window.scrollBy，window.scrollByLines，和 window.scrollByPages。

規范

DOM Level 0 不屬於任何標准.

瀏覽器兼容性

Take this quick survey to help us improve our browser compatibility tables

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
Basic support	Full supportYes	Full supportYes	Full supportYes	Full supportYes	Full supportYes	Full supportYes	Full supportYes	Full supportYes	Full supportYes	Full supportYes	?	Full supportYes	Full supportYes
ScrollToOptionsparameter	Full support45	No supportNo	Full supportYes	No supportNo	Full support32	No supportNo	Full support45	Full support45	No supportNo	Full supportYes	Full support32	No supportNo	Full supportYes

參考：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/scrollTo