window方法：scroll()

scroll()方法

scroll()方法將窗口滾動到文檔中的特定位置。

scroll()方法語法

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

參數(shù)

• x-coord是您希望在左上角顯示的文檔水平軸上的像素。
• y-coord是您希望在左上角顯示的文檔垂直軸上的像素。
• options是一個具有三種可能屬性的對象：
  • top，這與y-coord是一樣的；
  • left，這與x-coord是一樣的；
  • behavior，這是一個含有smooth，instant或auto的字符串；
    默認(rèn)是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()與這種方法實(shí)際上是一樣的。要滾動特定距離，請使用Window.scrollBy()。

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

規(guī)范

瀏覽器兼容性