window方法:scrollBy()

2018-09-19 14:29 更新

scrollBy()方法

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

scrollBy()方法語法

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

參數(shù)

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

示例

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

向上滾動:

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

筆記

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

規(guī)范

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

公眾號
微信公眾號

編程獅公眾號