scrollBy()

❮ Window 对象

实例

将文档水平滚动 100px:

window.scrollBy(100, 0); // Scroll 100px to the right 亲自试一试 »

页面下方有更多实例。

---

定义和用法

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

注释: 要使此方法有效，必须将窗口滚动条的 visible 属性设置为 true！

---

浏览器支持

方法
scrollBy()	Yes	Yes	Yes	Yes	Yes

---

语法

window.scrollBy(xnum, ynum)

参数值

参数	类型	描述
xnum	Number	必需。 沿x轴（水平）滚动多少像素。正值将向右滚动，而负值将向左滚动
ynum	Number	必需。 沿y轴（垂直）滚动多少像素。正值将向下滚动，而负值将向上滚动

---

---

技术细节

返回值:	无返回值

---

更多实例

实例

将文档垂直滚动 100px:

window.scrollBy(0, 100); // Scroll 100px downwards 亲自试一试 »

实例

水平和垂直滚动文档:

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<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> 亲自试一试 »

---

相关页面

Window 对象: scrollTo() 方法

---

❮ Window 对象