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

转载于:https://www.cnblogs.com/kunmomo/p/10191601.html