定义和用法
scrollBy() 方法可把内容滚动指定的像素数。
注意： 要使此方法工作 window 滚动条的可见属性必须设置为true！
语法
scrollBy(xnum,ynum)
| xnum | 必需。把文档向右滚动的像素数。 |
| ynum | 必需。把文档向下滚动的像素数。 |
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>滚动条</title>
<script>
function scrollWindow(){
window.scrollBy(100,100);
}
</script>
</head>
<body>
<script>
for (var i=0;i<50;i++)
{
document.write("第" + (i+1) + "行; ");
//输出空格，用于产生横向滚动条
for (var j=0; j<50; j++)
{
document.write(" ");
}
document.write ("<br>");
}
</script>
<input type="button" onclick="scrollWindow()" value="滚动条" />
<script>
for (var i=0;i<100;i++)
{
document.write("第" + (i+1) + "行; ");
//输出空格，用于产生横向滚动条
for (var j=0; j<100; j++)
{
document.write(" ");
}
document.write ("<br>");
}
</script>
</body>
</html>
相关推荐
在Web开发中，`window`对象提供了很多实用的方法，如`scrollBy()`，用于控制页面的滚动行为。本文将深入探讨`window.scrollBy()`方法的定义、用法、浏览器兼容性和实际应用示例。 ### scrollBy() 方法的定义 `...
了解并熟练掌握Window对象的方法和属性，可以帮助开发者编写出性能更高、更简洁的JavaScript代码。 Window对象拥有众多方法，其中最常用的一些包括： 1. `open`方法：用于打开新的浏览器窗口，例如`window.open...
window.scrollBy(0,500) 向下滚动500个像素 window.scrollBy(0,-500) 向上滚动500个像素 window.scrollBy(500,0) 向右滚动500个像素 window.scrollBy(-500,0) 向左滚动500个像素 使用方式： 在 开发
- window.scrollBy()：此方法按照指定的像素值滚动内容区域。 - window.scrollTo()：此方法将内容区域滚动到指定的位置。 6. Window对象的导航方法 - window.find()：此方法用于在窗口中查找指定的字符串。支持IE...
window.scrollBy({ top: 50, left: 0, behavior: 'smooth' }); ``` 这将使整个窗口向下滚动50像素。与`scrollTo`类似，`behavior`属性可用于控制滚动行为。 在实际开发中，`scrollTo`和`scrollBy`常用于实现各种...
Android中滑屏初探 ---- scrollTo 以及 scrollBy方法使用说明 Android中滑屏初探 ---- scrollTo 以及 scrollBy方法使用说明 Android中滑屏初探 ---- scrollTo 以及 scrollBy方法使用说明
在JavaScript中，所有的全局变量和函数都是window对象的属性和方法。本篇将详细阐述window对象的一些常用方法及其作用。 1. **open方法** `window.open(URL, 窗口名称, 窗口风格)` 用于打开新的浏览器窗口。`URL`...
`scrollTo`、`scrollBy`和`Scroller`是Android视图组件中处理滚动的核心方法，它们各自扮演着不同的角色，共同实现了平滑且可控的滚动效果。下面我们将深入探讨这三个概念及其在实际开发中的应用。 1. `scrollTo`...
- `window.scrollTo()`、`window.scroll()`和`window.scrollBy()`：滚动窗口内容。 - `window.print()`：打印当前网页。 - `window.focus()`和`window.blur()`：设置或取消窗口的焦点。 - `window.getSelection()`：...
以下是对Window对象的一些关键属性和方法的详细解释： 1. **open方法**： `window.open(URL, windowName, windowFeatures)` 用于打开一个新的浏览器窗口或重新加载已存在的窗口。URL是你要加载的页面地址，...
在Android开发中，View类提供了两个关键方法，用于在用户交互或者编程时改变View的位置，它们分别是`scrollTo`和`scrollBy`。这两个方法在处理滚动操作时扮演着重要角色，但它们的工作原理和使用场景有所不同。 ...
JavaScript中的Window对象是全局对象，它是每个浏览器窗口的核心，提供了许多与浏览器窗口交互的方法和属性。这个对象在JavaScript中无处不在，因为它既是全局变量也是全局函数的容器。以下是Window对象的一些主要...
14. scrollBy 方法： 功能：滚动当前窗口到指定的位置。 15. scrollTo 方法： 功能：滚动当前窗口到指定的位置。 16. print 方法： 功能：打印当前窗口的内容。 window 对象的属性包括： * status：指定当前...
`window`对象拥有许多属性和方法，这些属性和方法允许开发者与浏览器窗口进行交互，控制页面的行为和外观。以下是对标题和描述中提到的一些关键知识点的详细解释： 1. **属性**： - **status**: 这个属性用于获取...
当我们涉及到滚动操作时，`ViewGroup` 的 `scrollTo`、`scrollBy`、`getScrollX` 和 `getScrollY` 这四个方法就显得尤为重要。下面将详细解释这些方法的含义及其在实际开发中的应用。 首先，`getScrollX` 和 `...
对于初学者来说，了解`Window`对象的基本概念及其方法是非常重要的，这有助于更好地理解浏览器环境中的脚本执行流程。 #### 二、Window对象的作用 `Window`对象在JavaScript中扮演着多重角色： - **全局命名空间*...
js-window属性大全,window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用,掌握window对象的moveTo、resizeTo、scrollTo...
这些函数可以使用`window.scrollBy`方法来实现页面的平移。 ```javascript function scrollUp() { window.scrollBy(0, -50); // 每次滚动50像素向上 } function scrollDown() { window.scrollBy(0, 50); // ...