Window scrollBy() 方法

Window 对象参考手册 Window 对象

定义和用法

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

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

语法

scrollBy(xnum,ynum)

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

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

实例

滚动100像素的内容：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function scrollWindow() {
      window.scrollBy(100, 100);
    }
  </script>
</head>
<body>

  <input type="button" onclick="scrollWindow()" value="滚动条" />
  <p>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 </p>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <p>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 </p>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <p>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 </p>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <p>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 </p>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <p>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 </p>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <p>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 </p>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <p>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 </p>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <p>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动 </p>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>

</body>
</html>

尝试一下 »

Window 对象参考手册 Window 对象