码农教程 - 一技在手,衣食无忧! tools

目录

window scrollBy()

❮上一节 ❮ 窗口对象参考 下一节❯

示例

将文档水平滚动 100px：

window.scrollBy(100, 0);
亲自试一试 »

将文档垂直滚动 100px：

window.scrollBy(0, 100);
亲自试一试 »

下面有更多示例。

描述

这个scrollBy()方法将文档滚动指定的像素数。

笔记

为了scrollBy()方法要工作，文档必须大于屏幕，并且滚动条必须可见。

也可以看看：

滚动到（）方法.

语法

window.scrollBy( x, y)
scrollBy( x, y)

参数

Parameter Description
x Required.
Number of pixels to scroll (horizontally).
Positive values scroll to the right, negative values to the left.
y Required.
Number ofpixels to scroll (vertically).
Positive values scroll down, negative values scroll up.

返回值

没有任何

更多示例

上下滚动文档：

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>

<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>
亲自试一试 »

左右滚动文档：

<button onclick="scrollWin(100, 0)">Scroll right</button>
<button onclick="scrollWin(-100, 0)">Scroll left</button>

<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>
亲自试一试 »

浏览器支持

scrollBy()所有浏览器都支持：

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes Yes


❮上一节 ❮ 窗口对象参考 下一节❯