腾讯云618限量抢购
  1. 首页
  2. JavaScript基础教程
  3. JavaScript window scrollBy() 方法：按照指定的像素值来滚动内容

JavaScript window scrollBy() 方法：按照指定的像素值来滚动内容

最后更新：2012-11-29 05:17阅读：11581

window scrollBy() 方法定义

scrollBy() 方法可把内容（通过滚动条）滚动指定的像素数。语法如下： 

scrollBy(x,y)
参数 说明
x 必需，把文档向右滚动的像素数值
y 必需，把文档向下滚动的像素数值

提示：该方法只有在有左右或上下的滚动条时才有效，且滚动的最大值受窗口具体宽度和高度限制。

scrollBy() 方法实例

在下面例子中，点击一次 滚动窗口 按钮，滚动条将像右和下分别滚动 100 像素： 

<html>
<body>
<button onclick="window.scrollBy(100,100)">滚动窗口</button>
<p>第一行内容......</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p>第二行内容......</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p>第三行内容......</p>

</body>
</html>

参考阅读

  1. JavaScript window scrollTo() 方法：把内容滚动到指定坐标
本章节内容共分 23 部分：
  1. 1. JavaScript Window 对象
  2. 2. JavaScript window closed 属性：检测窗口是否已经关闭
  3. 3. JavaScript window name 属性：设置或得到窗口的名称
  4. 4. JavaScript window opener 属性：返回对创建此窗口的窗口的引用
  5. 5. JavaScript window self 属性：对窗口自身的引用
  6. 6. JavaScript window top 属性：返回最顶层的先辈窗口
  7. 7. JavaScript window defaultStatus 属性：设置或得到窗口状态栏中的默认文本
  8. 8. JavaScript window status 属性：设置或得到窗口状态栏的文本
  9. 9. JavaScript window blur() 方法：把焦点从顶层窗口移开
  10. 10. JavaScript window clearInterval() 方法：取消由 setInterval() 设置的 timeout
  11. 11. JavaScript window clearTimeout() 方法：取消由 setTimeout() 设置的 timeout
  12. 12. JavaScript window close() 方法：关闭浏览器窗口
  13. 13. JavaScript window focus() 方法：把焦点给予一个窗口
  14. 14. JavaScript window moveBy() 方法：相对当前坐标移动窗口
  15. 15. JavaScript window moveTo() 方法：把窗口（左上角）移动到指定坐标
  16. 16. JavaScript window open() 方法：打开（弹出）一个新的浏览器窗口
  17. 17. JavaScript window print() 方法：打印当前窗口的内容
  18. 18. JavaScript window resizeBy() 方法：根据指定的像素尺寸调整窗口大小
  19. 19. JavaScript window resizeTo() 方法：将窗口调整到指定尺寸
  20. 20. JavaScript window scrollBy() 方法：按照指定的像素值来滚动内容
  21. 21. JavaScript window scrollTo() 方法：把内容滚动到指定坐标
  22. 22. JavaScript window setInterval() 方法：按照指定的毫秒周期来循环执行代码
  23. 23. JavaScript window setTimeout() 方法：在指定的毫秒数后执行代码（延时）
腾讯云618限量抢购