参考手册
Window 对象
scrollBy()
setInterval()
返回 Window 对象

Window scrollTo() 方法

实例

将文档滚动到水平位置 "500" :

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. body {
  6.   width: 5000px;
  7. }
  8. </style>
  9. </head>
  10. <body>
  12. <p>单击按钮将文档窗口水平滚动至 500 像素。</p>
  14. <button onclick="scrollWin()">点击水平滚动!</button><br><br>
  16. <script>
  17. function scrollWin() {
  18.   window.scrollTo(500, 0);
  19. }
  20. </script>
  22. </body>
  23. </html>
运行一下

定义与用法

scrollTo() 方法将文档滚动到指定的坐标。

提示: 使用 scrollBy() 方法多次滚动指定距离。

浏览器支持

方法
scrollTo()YesYesYesYesYes

语法

  1.  window.scrollTo(xpos, ypos)

参数值

参数Type描述
xposNumber必填。要沿 x 轴（水平）滚动到的坐标，以像素为单位
yposNumber必填。要沿 y 轴（垂直）滚动到的坐标，以像素为单位

技术细节

返回值:无返回值

更多实例

实例

将文档水平滚动至 "300"，垂直滚动至 "500" :

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. body {
  6.   width: 5000px;
  7. }
  8. </style>
  9. </head>
  10. <body>
  12. <p>单击按钮可水平滚动文档窗口 300 像素，垂直滚动 500 像素。</p>
  14. <button onclick="scrollWin()">点击滚动</button>
  15. <br>
  16. <br>
  18. <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
  19. <br>
  20. <br>
  21. <br>
  22. <br>
  23. <br>
  24. <br>
  25. <br>
  26. <br>
  27. <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
  28. <br>
  29. <br>
  30. <br>
  31. <br>
  32. <br>
  33. <br>
  34. <br>
  35. <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
  36. <br>
  37. <br>
  38. <br>
  39. <br>
  40. <br>
  41. <br>
  42. <br>
  43. <br>
  44. <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
  45. <br>
  46. <br>
  47. <br>
  48. <br>
  49. <br>
  50. <br>
  51. <br>
  52. <br>
  53. <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
  54. <br>
  55. <br>
  56. <br>
  57. <br>
  58. <br>
  59. <br>
  60. <br>
  61. <br>
  62. <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
  63. <br>
  64. <br>
  65. <br>
  66. <br>
  67. <br>
  68. <br>
  69. <br>
  70. <br>
  71. <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
  72. <br>
  73. <br>
  74. <br>
  75. <br>
  76. <br>
  77. <br>
  78. <br>
  79. <br>
  80. <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
  81. <br>
  82. <br>
  83. <br>
  84. <br>
  85. <br>
  86. <br>
  87. <br>
  88. <br>
  89. <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
  90. <br>
  91. <br>
  92. <br>
  93. <br>
  94. <br>
  95. <br>
  96. <br>
  97. <br>
  99. <script>
  100. function scrollWin() {
  101.   window.scrollTo(300, 500);
  102. }
  103. </script>
  105. </body>
  106. </html>
运行一下

相关页面

Window 对象: scrollBy() 方法

scrollBy()
setInterval()

分类导航