window方法:scrollBy()

2018-09-19 14:29 更新

scrollBy()方法

scrollBy()方法按給定的數(shù)量在窗口中滾動(dòng)文檔。

scrollBy()方法語(yǔ)法

window.scrollBy(x-coord, y-coord);
window.scrollBy(options)

參數(shù)

  • x-coord是您要滾動(dòng)的水平像素值。
  • y-coord是要滾動(dòng)的垂直像素值。
  • options是一個(gè)具有三種可能屬性的對(duì)象:
    • top,這和y-coord是一樣的;
    • left,這和x-coord是一樣的;
    • behavior,這是一個(gè)含有smooth,instant或auto的字符串;
      默認(rèn)是auto。

示例

// scroll down one page
window.scrollBy(0, window.innerHeight);

向上滾動(dòng):

window.scrollBy(0, -window.innerHeight);

筆記

window.scrollBy滾動(dòng)特定的數(shù)量,其中window.scroll滾動(dòng)到文檔中的絕對(duì)位置。

規(guī)范

規(guī)范 狀態(tài) 注釋
CSS對(duì)象模型(CSSOM)視圖模塊 
該規(guī)范中'window.scrollBy()'的定義。
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)