`
cakin24
  • 浏览: 1386467 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

Window scrollTo() 方法

阅读更多

定义和用法

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>
 

运行效果



 
  • 大小: 35.1 KB
1
0
分享到:
评论

相关推荐

    关于js-window对象的方法和属性资料

    ### 关于JS Window对象的方法和属性详解 #### 概述 在JavaScript中,`window`对象是最顶层的对象,几乎所有的全局变量、函数等都属于它。`window`对象提供了多种方法和属性,使得开发者能够更好地控制浏览器窗口的...

    JQ ScrollTo 的使用方法

    **JQ ScrollTo 使用方法详解** 在Web开发中,页面滚动效果经常被用来提升用户体验,尤其是在长页面设计中。jQuery的ScrollTo插件提供了一种简单而强大的方式来实现这样的动画滚动效果。本文将深入探讨JQ ScrollTo的...

    解决vue单页路由跳转后scrollTop的问题

    最开始我使用了一个很笨的方法,每个页面上都加上window.scrollTop(0,0);来解决问题,但是这个太繁琐了。最后和小伙伴们商量了一下,在main.js页面上加了这么一段代码 router.afterEach(function (to) { window....

    ie11ScrollTo_html5_DEMO_

    这可能涉及到使用`window.scrollTo(x, y)`的旧方法,或者是通过改变元素的`scrollTop`和`scrollLeft`属性来实现平滑滚动效果。 为了实现这个兼容性,开发者可能需要检查浏览器的用户代理字符串,或者使用`document....

    wkp111_StickLayout-粘性控件,其任意一个子控件都可滑动停留,本质为NestedScrollView和LinearLayout的结合。.zip

     public void scrollTo4(View view) {  mSl.scrollToView(mTv4);  }  public void scrollTo7(View view) {  mSl.scrollToView(mTv7);  } }Note:还有其他API请根据需要自行参考!寄语控件支持直接...

    scrollTo demo

    由于jQuery的链式调用特性,`.scrollTo()`方法可以与其他jQuery方法结合使用,提高代码的可读性和效率。 **应用场景** - 导航菜单中的锚点链接,点击后平滑滚动到对应内容区域。 - 弹出窗口或模态框中的关闭按钮,...

    jsWindow对象及方法.pdf

    - window.scrollTo():此方法将内容区域滚动到指定的位置。 6. Window对象的导航方法 - window.find():此方法用于在窗口中查找指定的字符串。支持IE5.5和Netscape6.0以上版本。 - window.back():此方法用于浏览器...

    图片显示插件Gridder.zip

     scrollTo: "panel", // panel or listitem  animationSpeed: 400,  animationEasing: "easeInOutExpo",  showNav: true, // Show Navigation  nextText: "Next", // Next button text  ...

    window对象的常用方法和作用

    在JavaScript中,所有的全局变量和函数都是window对象的属性和方法。本篇将详细阐述window对象的一些常用方法及其作用。 1. **open方法** `window.open(URL, 窗口名称, 窗口风格)` 用于打开新的浏览器窗口。`URL`...

    window对象方法属性全解

    5. `moveBy`、`moveTo`、`resizeBy`、`resizeTo`、`scrollBy`和`scrollTo`:这些方法用于改变或移动窗口的位置和大小,以及滚动窗口内容。例如,`window.scrollBy(x, y)`将窗口内容向下/向右滚动x和y像素。 6. `...

    JQUERY SCROLLTO

    JQUERY SCROLLTO 详细说明

    scrollTo和scrollBy Demo演示源码

    在JavaScript中,`scrollTo`和`scrollBy`是用于滚动元素的重要方法,它们在网页交互和用户界面设计中扮演着关键角色。本Demo演示源码将深入展示这两个方法的用法,帮助开发者理解如何有效地控制页面或元素的滚动行为...

    jQuery.scrollTo 2.1.2

    ### 使用方法 要使用jQuery.scrollTo,首先确保已引入jQuery库,然后将jQuery.scrollTo的脚本文件添加到页面中。接下来,你可以通过以下方式调用插件: ```javascript $(selector).scrollTo(target, duration, ...

    jquery.scrollTo.js网页滚动插件下载.rar

    通过深入理解其工作原理和使用方法,开发者可以为用户带来更丰富、更具互动性的网页体验。 在实际项目中,配合其他jQuery插件和前端框架,如Bootstrap或Vue.js,jQuery.scrollTo.js能发挥更大的作用。但同时,也要...

    jquery.scrollTo-min.js

    jquery的插件scrollTo,网上有很多,这里备份一下

    最少代码jquery滚动到scrollto插件

    最简单的滚动到(scrollto)插件,功能少,jquery代码少,逻辑简单,一看就明白。这种简单的jquery插件有时候还是蛮有用的。 这个最简单的jquery滚动到插件你灵活运用一下就有多种玩法,比如,可以做出 滚动到顶部...

    各个浏览器鼠标滚动事件对象的兼容性差异

    各个浏览器鼠标滚动事件对象的兼容性差异

    window属性大全

    以下是对Window对象的一些关键属性和方法的详细解释: 1. **open方法**: `window.open(URL, windowName, windowFeatures)` 用于打开一个新的浏览器窗口或重新加载已存在的窗口。URL是你要加载的页面地址,...

    js中window对象的方法1

    - `window.scrollTo()`、`window.scroll()`和`window.scrollBy()`:滚动窗口内容。 - `window.print()`:打印当前网页。 - `window.focus()`和`window.blur()`:设置或取消窗口的焦点。 - `window.getSelection()`:...

    解析浏览器的一些“滚动”行为鉴赏

    最近挺忙的,这次抽空写写文陶冶下情操,浏览器滚动真的天天见日日见啦,比如你现在看的这篇文章,往下看就必须得滚动,这篇...window.scrollTo(0, 0); // or window.scrollTo({ left: 0, top: 100 }); 也可以利用

Global site tag (gtag.js) - Google Analytics