window方法:scrollBy()

2018-09-19 14:29 更新

scrollBy()方法

scrollBy()方法按给定的数量在窗口中滚动文档。

scrollBy()方法语法

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

参数

  • x-coord是您要滚动的水平像素值。
  • y-coord是要滚动的垂直像素值。
  • options是一个具有三种可能属性的对象:
    • top,这和y-coord是一样的;
    • left,这和x-coord是一样的;
    • behavior,这是一个含有smooth,instant或auto的字符串;
      默认是auto。

示例

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

向上滚动:

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

笔记

window.scrollBy滚动特定的数量,其中window.scroll滚动到文档中的绝对位置。

规范

规范 状态 注释
CSS对象模型(CSSOM)视图模块 
该规范中'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
基本支持 支持 支持 支持 支持 支持 支持 支持
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号