window方法:scrollTo()

2018-09-25 13:54 更新

scrollTo()方法

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

scrollTo()方法語法

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

參數(shù)

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

示例

window.scrollTo( 0, 1000 );

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

筆記

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

規(guī)范

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

瀏覽器兼容性

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號