window方法:scrollTo()

2018-09-25 13:54 更新

scrollTo()方法

scrollTo()方法可以滾動(dòng)到文檔中的一組特定坐標(biāo)。

scrollTo()方法語(yǔ)法

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

參數(shù)

  • x-coord是您希望在左上角顯示的文檔水平軸上的像素。
  • y-coord是您希望在左上角顯示的文檔垂直軸上的像素。
  • options是一個(gè)具有三種可能屬性的對(duì)象:
    • top,這和y-coord是一樣的;
    • left,這和x-coord是一樣的;
    • behavior,它是一個(gè)包含smooth,instant或auto的字符串
      默認(rèn)是auto。

示例

window.scrollTo( 0, 1000 );

// this changes the scrolling behavior to "smooth"
window.scrollTo({
    top: 1000,
    behavior: "smooth"
});

筆記

此函數(shù)與window.scroll()實(shí)際上相同。有關(guān)相對(duì)滾動(dòng),請(qǐng)參閱window.scrollBy(),window.scrollByLines()和window.scrollByPages()。

規(guī)范

規(guī)范 狀態(tài) 注釋
CSS對(duì)象模型(CSSOM)視圖模塊
該規(guī)范中'window.scroll()'的定義。
Working Draft
初步定義

瀏覽器兼容性

電腦端 移動(dòng)端
Chrome
Edge
Firefox
Internet Explorer
Opera
Safari
Android webview Chrome for Android
Edge Mobile Firefox for Android
Opera for Android
iOS Safari
基本支持 支持 支持 支持 支持 支持 支持 支持 支持 支持 支持 支持
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)