JavaScript HTML DOM Window scrollBy() 方法

• 

  Window scrollBy() 方法

  scrollBy()方法按指定的像素数滚动文档。

  注意：要使此方法起作用，窗口滚动条的visible属性必须设置为true！

  水平滚动文档100px：

  window.scrollBy(100, 0); // 向右滚动100px

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  scrollBy()	支持	支持	支持	支持	支持

• 

  语法

  window.scrollBy(xnum, ynum)
• 

  参数值

  值	类型	描述
  xnum	Number	需要。 沿x轴（水平）滚动多少像素。 正值将向右滚动，而负值将向左滚动
  ynum	Number	需要。 沿y轴（垂直）滚动的像素数。 正值将向下滚动，而负值向上滚动

• 

  技术细节

  项目	描述
  返回值：	没有

• 

  更多例子

  垂直滚动文档100px：

  window.scrollBy(0, 100); // Scroll 100px downwards

  尝试一下

  水平和垂直滚动文档：

  <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>

  尝试一下