最新的Web开发教程
 

窗口scrollBy() Method

<窗口对象

100像素水平滚动文档:

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

更多"Try it Yourself"下面的例子。


定义和用法

所述scrollBy()方法通过滚动的像素的指定数量的文档。

Note:对于这种方法的工作,窗口的滚动条的可见属性必须设置为true!


浏览器支持

方法
scrollBy()

句法

window.scrollBy( 参数值
参数 类型 描述
xnum Number 需要。 多少像素通过滚动,沿着x轴(horizontal) 。 正值将滚动到左侧,而负值将滚动到右侧
ynum Number 需要。 多少像素通过滚动,沿着y轴(vertical) 。 正值向下滚动,负值向上滚动

技术细节

返回值: 无返回值

例子

更多示例

100像素垂直滚动文档:

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

水平和垂直滚动文档:

<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>
试一试»

相关页面

窗口对象: href="met_win_scrollto.html"> scrollTo() Method


<窗口对象