元素:scrollBy() 方法

scrollBy()Element接口的方法,用于根据给定的量滚动元素。

语法

js
scrollBy(x-coord, y-coord)
scrollBy(options)

参数

  • x-coord 是您想要水平滚动的像素值。
  • y-coord 是您想要垂直滚动的像素值。

- 或 -

选项

包含以下参数的字典

顶部

指定沿 Y 轴滚动窗口或元素的像素数。

左边

指定沿 X 轴滚动窗口或元素的像素数。

行为

指定滚动是否应平滑动画 (smooth)、立即以单个跳跃发生 (instant) 或者让浏览器选择 (auto,默认)。

返回值

无 (undefined)。

示例

js
// scroll an element
element.scrollBy(300, 300);

使用选项

js
element.scrollBy({
  top: 100,
  left: 100,
  behavior: "smooth",
});

规范

规范
CSSOM 视图模块
# dom-element-scrollby

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。