JavaScript 参考手册

Window scrollBy() 方法

定义和用法

scrollBy() 方法可把内容滚动指定的像素数。

注意： 要使此方法工作 window 滚动条的可见属性必须设置为true！

语法

scrollBy(xnum,ynum)

参数	描述
xnum	必需。把文档向右滚动的像素数。
ynum	必需。把文档向下滚动的像素数。

浏览器支持

所有主要浏览器都支持 scrollBy() 方法

实例

滚动100像素的内容：

function scrollWindow(){ window.scrollBy(100,100); }

尝试一下 »

Window 对象参考手册 Window 对象

Window scrollTo() 方法

Window resizeTo() 方法

1 篇笔记写笔记

#1
星星火燎原
109***1943@qq.com
7
测试比较 scroll()、scrollTo()、scrollBy() 三个方法的区别：
```
setTimeout(()=>{
  element.scrollBy(0,10);
 // element.scrollTo(0,10);
 // element.scroll(0,10);
},1000)
```
测试效果如下：
- 1.scrollBy() 会使元素每隔一秒从当前的滚动条位置向下滚动10px，这是一个设置相对滚动条位置的方法。
- 2.scrollTo() 和 scroll() 方法是一样的，都是将元素滚动到指定位置，它们都是设置绝对滚动条位置。
另：元素还有一个设置或读取滚动条位置的属性：element.scrollTop，这是一个读写属性，如 element.scrollTop = 50; 便是设置元素的滚动条位置为 50px;
星星火燎原
星星火燎原
109***1943@qq.com
8个月前 (07-16)

-->

感谢您的支持，我会继续努力的!

扫码打赏，你说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

点我查看本站打赏源码！

菜鸟教程 -- 学的不仅是技术，更是梦想！

JavaScript 对象

Browser 对象

DOM 对象

HTML 对象

Window scrollBy() 方法

定义和用法

语法

浏览器支持

实例

实例

1 篇笔记写笔记

点我分享笔记

菜鸟教程 -- 学的不仅是技术，更是梦想！

JavaScript 对象

Browser 对象

DOM 对象

HTML 对象

Window scrollBy() 方法

定义和用法

语法

浏览器支持

实例

实例

1 篇笔记 写笔记

点我分享笔记

微信关注

1 篇笔记写笔记