欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Window scrollTo() 方法

程序员文章站 2022-06-10 08:02:07
...

定义和用法

scrollTo() 方法可把内容滚动到指定的坐标。

语法

scrollTo(xpos,ypos)

 

参数 描述
xpos 必需。要在窗口文档显示区左上角显示的文档的 x 坐标。
ypos 必需。要在窗口文档显示区左上角显示的文档的 y 坐标。

实例

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="gb2312">
  5. <title>菜鸟教程(runoob.com)</title>
  6. <script>
  7. function scrollWindow(){
  8. window.scrollTo(100,500);
  9. }
  10. </script>
  11. </head>
  12. <body>
  13. <input type="button" onclick="scrollWindow()" value="滚动条"/>
  14. <p>滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动</p>
  15. <br>
  16. <br>
  17. <br>
  18. <br>
  19. <br>
  20. <br>
  21. <br>
  22. <br>
  23. <p>滚动滚动滚动滚动滚动滚动滚动滚动</p>
  24. <br>
  25. <br>
  26. <br>
  27. <br>
  28. <br>
  29. <br>
  30. <br>
  31. <br>
  32. <p>滚动滚动滚动滚动滚动滚动滚动滚动</p>
  33. <br>
  34. <br>
  35. <br>
  36. <br>
  37. <br>
  38. <br>
  39. <br>
  40. <br>
  41. <p>滚动滚动滚动滚动滚动滚动滚动滚动</p>
  42. <br>
  43. <br>
  44. <br>
  45. <br>
  46. <br>
  47. <br>
  48. <br>
  49. <br>
  50. <p>滚动滚动滚动滚动滚动滚动滚动滚动</p>
  51. <br>
  52. <br>
  53. <br>
  54. <br>
  55. <br>
  56. <br>
  57. <br>
  58. <br>
  59. <p>滚动滚动滚动滚动滚动滚动滚动滚动</p>
  60. <br>
  61. <br>
  62. <br>
  63. <br>
  64. <br>
  65. <br>
  66. <br>
  67. <br>
  68. <p>滚动滚动滚动滚动滚动滚动滚动滚动</p>
  69. <br>
  70. <br>
  71. <br>
  72. <br>
  73. <br>
  74. <br>
  75. <br>
  76. <br>
  77. <p>滚动滚动滚动滚动滚动滚动滚动滚动</p>
  78. <br>
  79. <br>
  80. <br>
  81. <br>
  82. <br>
  83. <br>
  84. <br>
  85. <br>
  86. </body>
  87. </html>
 

运行效果


Window scrollTo() 方法
            
    
    博客分类: JavaScript Window scrollTo 
 
  • Window scrollTo() 方法
            
    
    博客分类: JavaScript Window scrollTo 
  • 大小: 35.1 KB
相关标签: Window  scrollTo