window方法：scroll()

scroll()方法

scroll()方法将窗口滚动到文档中的特定位置。

scroll()方法语法

window.scroll（x-coord，y-coord）
window.scroll(options) 

参数

• x-coord是您希望在左上角显示的文档水平轴上的像素。
• y-coord是您希望在左上角显示的文档垂直轴上的像素。
• options是一个具有三种可能属性的对象：
  • top，这与y-coord是一样的；
  • left，这与x-coord是一样的；
  • behavior，这是一个含有smooth，instant或auto的字符串；
    默认是auto。

示例

<!-- put the 100th vertical pixel at the top of the window -->

<button onClick="scroll(0, 100);">click to scroll down 100 pixels</button>

更改滚动行为

如果您要更改滚动的工作方式，可以在options对象中指定：

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

笔记

Window.scrollTo()与这种方法实际上是一样的。要滚动特定距离，请使用Window.scrollBy()。

另见Window.scrollByLines()，Window.scrollByPages()和Element.scrollIntoView()。

规范

浏览器兼容性