`
zhangyaochun
  • 浏览: 2614639 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

window.scrollTo()

阅读更多

 

下面内容来自:w3cschool:http://www.w3cschool.cn/met_win_scrollto.html 

 

个人做积累学习用!

 

 

 

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

 

 

语法

 

scrollTo(xpos,ypos)

 

参数

 

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

相关推荐

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

    作为vue的初级使用者,在开发过程中遇到的坑太多了。在看页面的时候发现了页面滚动的问题,当一... window.scrollTo(0, 0) }) 路由跳转后就不会出现滚动的问题了。 但是这种做法是不友好的,我们可以使用scrollBehavior

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

    `window.captureEvents()`, `window.enableExternalCapture()`, `window.disableExternalCapture()`, `window.handleEvent()`, `window.releaseEvent()`, `window.routeEvent()` - **描述**:这些方法用于处理事件...

    jsWindow对象及方法.pdf

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

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

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

    js实现页面自动滚屏效果

    页面滚动效果通常涉及到改变`window`对象的`scrollY`属性或调用`scrollTo`方法。`scrollY`表示浏览器视口在垂直方向上的滚动位置,而`scrollTo(x, y)`方法则会将页面滚动到指定的坐标。 二、单击滚屏 在JavaScript...

    js缓慢滚动.rar

    在JavaScript中,我们可以使用`window.scrollTo`方法来实现缓慢滚动的效果。这个方法接受两个参数:一个对象,包含了`top`和`left`属性,用于指定滚动的位置;以及一个可选的`options`参数,用于设置滚动行为。 ```...

    js实现返回顶部,置底

    - 当用户点击“置底”按钮时,利用`document.body.scrollHeight`获取整个页面的高度,然后使用`window.scrollTo()`将页面滚动到这个高度: ```javascript document.getElementById('gotobottom')....

    js滚动效果js滚动效果

    JavaScript可以通过操作`window.scroll()`或`window.scrollTo()`等方法来实现页面的滚动。例如,通过`window.scrollTo(x, y)`可以将页面滚动到指定的位置。 #### 示例代码 ```javascript function scrollToTop() { ...

    获取页面长宽和滚动条的位置

    <!...<html xmlns="http://www.w3.org/1999/xhtml" > function GetPageSize() { ... window.scrollTo(0, 1500); var sl = GetPageScroll(); alert([sl.X,sl.Y].join(", ")); } ();"> </html>

    js回到顶部

    首先,实现"回到顶部"的基本思路是监听用户的特定行为(如点击按钮),然后执行一个JavaScript函数,该函数使用`window.scrollTo`方法将页面滚动到顶部。`window.scrollTo`是JavaScript中的一个内建函数,它可以用来...

    HTML在页面上滚动滚轮滚动到指定的位置停.javascript_js跳转到页面指定位置

    为了实现平滑滚动效果,可以使用`window.scrollTo`方法的动画形式,或者`Element.scrollIntoView`方法。例如,使用`requestAnimationFrame`创建一个定时器来平滑滚动: ```javascript function smoothScroll(target...

    window属性大全

    - `window.scrollTo(x, y)` 将窗口滚动条定位到指定的坐标x和y。 8. **status、location、name、self、opener属性**: - `window.status` 设置或获取浏览器窗口的状态栏文本。 - `window.location` 提供关于当前...

    JavaScript_之Window对象.doc

    - `window.scrollTo(x, y)` 将视口滚动到指定的坐标`x`和`y`。 此外,Window对象还有诸如`find()`(搜索文本)、`back()`(后退历史记录)、`forward()`(前进历史记录)、`home()`(跳转到主页)、`stop()`(停止...

    滚动条刷新以后居中

    3. **计算差值并移动滚动条**:使用`window.scrollTo()`函数来设置滚动条的位置。其中,`window.scrollTo(x, y)`中的x和y分别表示水平和垂直方向上滚动的距离。 #### 具体实现 下面是一段实现上述功能的示例代码:...

    js中window对象的方法1

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

    回到网页顶部的JS代码.zip

    2. **纯JavaScript**:使用JavaScript监听用户的滚动事件,当页面滚动到一定距离时显示“返回顶部”按钮,点击按钮时使用`window.scrollTo`方法将页面滚动到顶部。 ```javascript var backToTop = document....

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

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

    网页模板——回到网页顶部的JS代码.zip

    window.scrollTo(0, (1 - progress) * window.pageYOffset); if (progress ) { requestAnimationFrame(scroll); } } requestAnimationFrame(scroll); } document.getElementById('back-to-top')....

    JS控制div跳转到指定的位置的几种解决方案总结

    这些方法主要包括锚点法、jQuery的animate方法、window.scrollTo方法和scrollIntoView方法。下面将详细解析每种方法的原理、使用方法及优缺点。 1. 锚点法 锚点法是最传统且简单的方法,通过在URL中加入锚点(即使...

    即用即查-JavaScript核心对象参考手册 window

    - `window.scrollTo()`和`window.scrollBy()`:滚动页面到指定位置或距离。 5. **事件处理** Window对象是事件模型的基础,它可以监听并处理各种浏览器事件,如`load`(页面加载完成)、`unload`(页面卸载)、`...

Global site tag (gtag.js) - Google Analytics