Window scrollTo() 方法

原创 2017年04月12日 10:40:46

定义和用法

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>
 

运行效果



 
  • a261f9e0-3025-3095-a022-7a85c7e5dab0-thumb.png
  • 大小: 35.1 KB
版权声明:本文为博主原创文章,未经博主允许不得转载。

window.scrollTo

Top测试过 ie 7891011
  • Zoe_Wang_ing
  • Zoe_Wang_ing
  • 2014年11月20日 14:44
  • 989

window.scrollTo(0,0);回到顶部

 直接JSwindow.scrollTo(0,0);就这么简单,
  • zhq426
  • zhq426
  • 2010年07月22日 17:04
  • 14442

解决ScrollView滑动过程中ScrollTo()方法不起作用的问题

http://blog.csdn.net/lovehong0306 本篇文章作为新的类别 “Android经验之谈” 开篇之作,记录实际开发中遇到的比较“奇怪”的问题以及解决方案,不求长...
  • lovehong0306
  • lovehong0306
  • 2012年08月11日 23:53
  • 11571

ScrollTo:实现平滑滚动到页面指定位置

ScrollTo:实现平滑滚动到页面指定位置 ScrollTo是一款基于jQuery的滚动插件,当点击页面的链接时,可以平滑地滚动到页面指定的位置。适用在一些页面内容比较...
  • daipianpian
  • daipianpian
  • 2015年05月13日 19:05
  • 2251

JS平滑效果实现回到顶部

JS平滑效果实现回到顶部最近用Vue做的小项目中需要实现回到顶部的效果。主要思路就是: 利用document.documentElement.scrollTop || document.body.s...
  • HaiJing1995
  • HaiJing1995
  • 2017年05月28日 11:39
  • 778

Window scrollTo() 方法

定义和用法 scrollTo() 方法可把内容滚动到指定的坐标。 语法 scrollTo(xpos,ypos)   参数 描述 xpos 必需。要在窗口文档显示区左...
  • chengqiuming
  • chengqiuming
  • 2017年04月12日 10:40
  • 2125

滚动条操作--window.scrollTo---window.scrollBy的解析

//移动到元素element对象的“顶端”与当前窗口的“顶部”对齐   ((JavascriptExecutor) driver).executeScript("arguments[0].scrol...
  • Sily_Z
  • Sily_Z
  • 2018年01月11日 14:25
  • 21

获取scrollTop兼容各浏览器的方法

window.pageYOffset      属于window对象,IE9+ 、firefox、chrome,opera均支持该方式获取页面滚动高度值,并且会忽略Doctype定义规则。 win...
  • u010119868
  • u010119868
  • 2014年02月09日 10:15
  • 2553

listview scrollview 对scrollto 使用的困扰

因为产品需求要求回到顶部功能。 分别在scrollview场景和listview场景下。 第一阶段: 使用了view.scrollto(0,0); 结果listview经常无效,scro...
  • zytry
  • zytry
  • 2016年02月18日 11:23
  • 319

window.scrollTo()方法使用示例

(一).示例图片效果(二).代码window.scrollTo()函数function scrollwin(form){var winx=form.X.value;var winy=form.Y....
  • techweb
  • techweb
  • 2007年12月14日 17:55
  • 242
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Window scrollTo() 方法
举报原因:
原因补充:

(最多只允许输入30个字)