Window scrollTo() 方法

JavaScript Window 对象

scrollTo()方法滚动文档到指定的坐标位置。

scrollTo()滚动到绝对位置,而window.scrollBy()滚动文档中的指定的像素数。

有关滚动元素,请参见element.scrollTopelement.scrollLeft

语法:

window.scrollTo(x-coord, y-coord)
<button onclick="window.scrollTo(500, 0);">Click</button>
测试看看‹/›

浏览器兼容性

所有浏览器都完全支持scrollTo()方法:

Method
scrollTo()

参数值

参数描述
x-coord想要在文档的水平轴上显示的像素在左上方
y-coord要显示在文档垂直轴上的像素,位于左上角

技术细节

返回值:没有

更多实例

垂直滚动文档500像素:

<button onclick="window.scrollTo(0, 500);">Click</button>
测试看看‹/›

水平和垂直滚动文档:

<button onclick="window.scrollTo(0, 50)">向下滚动</button>
<button onclick="window.scrollTo(0, -50)">向上滚动</button>
<button onclick="window.scrollTo(300, 0)">向右滚动</button>
<button onclick="window.scrollTo(-300, 0)">向左滚动</button>
测试看看‹/›

相关参考

窗口(Window)参考:window.scrollBy()方法

HTML DOM参考:element .scrollLeft属性

HTML DOM参考:element .scrollTop属性

JavaScript Window 对象