JavaScript scrollBy() 函数

scrollBy -- 如果有滚动条，将横向滚动条移动到相对于当前横向滚动条的x个像素的位置(就是向左移动x像素)，将纵向滚动条移动到相对于当前纵向滚动条高度为y个像素的位置(就是向下移动y像素)
  • scrollBy，中文"滚动到"的意思
  • 引用网址:http://www.dreamdu.com/javascript/window.scrollBy/
  • to是绝对的意思(从整体而言)，by是相对的意思(从原先的位置而言)

scrollBy函数语法

scrollBy(x,y);

scrollBy函数参数说明

  • x -- 滚动条移动的水平像素
  • y -- 滚动条移动的垂直像素

示例

scrollTo(10,50);
scrollBy(20,100);

横向滚动条移动到相对于窗体宽度为10像素的位置，纵向滚动条移动到相对于窗体高度为50像素的位置，再将横向滚动条向左移动20像素，纵向滚动条向下移动100像素

<input type="button" value="将横向滚动条向左移动20像素，纵向滚动条向下移动100像素！" onclick="window.scrollBy(20,100);" />

JavaScript scrollBy() 函数示例 -- 可以尝试编辑

延伸阅读

From "JavaScript scrollBy() 函数 - JavaScript window 对象 - JavaScript BOM 教程 - JavaScript教程"


  • 教程中有什么不懂的地方？发现教程的错误！对教程有什么建议！快快给我留言呀 给猴子留言，我会尽快解答你的问题:)