-
x-coord 是文档中的横轴坐标。
-
y-coord 是文档中的纵轴坐标。
-
options 是一个包含三个属性的对象:
-
top 等同于 y-coord
-
left 等同于 x-coord
-
behavior 类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto,实测效果等同于instant
window.scrollTo( 0, 1000 );
window.scrollTo({
top: 1000,
behavior: "smooth"
});
该函数实际上和 window.scroll是一样的。 相对滚动可以参考 window.scrollBy，window.scrollByLines，和 window.scrollByPages。
MDN文档
5种回到顶部的写法从实现到增强
滚动到文档中的某个坐标。(有过渡效果)参考MDN文档语法window.scrollTo(x-coord,y-coord )window.scrollTo(options)参数x-coord 是文档中的横轴坐标。y-coord 是文档中的纵轴坐标。options 是一个包含三个属性的对象:top 等同于 y-coordleft 等同于 x-coordbehavior ...
$ . scrollTo ( to , duration , func ) ;
作为 jQuery 原型的扩展：
$ ( 'selector' ) . scrollTo ( duration , func ) ;
可以为空、像素数、 'end'字符串、jQuery 选择器或 DOM 元素。 第二种形式不需要。
可以为空、 0或以毫秒为单位的持续时间。 直接转发到 。
在动画结束时执行的函数。 直接转发到 。
$ . scrollTo ( ) ; // Scroll to document head.
$ . scrollTo ( '#post' ) ; /
在vue项目中，遇到需要实现垂直滚动效果的需求，初步想到的方法有两个：
1：使用window.scrollTo()方法，但是这个方法是没有动画效果的，需要手动封装一下。
2：使用JQuery的动画函数，缺点比较明显：需要引入JQuery。
显然，选择第一种好很多。
以下为封装window.scrollTo()的方法scroll()，文件名为scroll.js
// Crea...
scrollTop
Element.scrollTop 属性可以获取或设置一个元素的内容垂直滚动的像素数。
一个元素的 scrollTop 值是这个元素的内容顶部（卷起来的）到它的视口可见内容（的顶部）的距离的度量。当一个元素的内容没有产生垂直方向的滚动条，那么它的 scrollTop 值为0。
是一个元素向下滚动，离上面的距离
document.documentElement.scrollTop可以获得距离上面的高度
window.scrollTo()
scrollTo() 方法可把内容滚动到指定的坐标。
html是一门超文本标记语言；
document对象代表整个html文档,可用来访问页面中的所有元素；
body代表document的主体子对象，除浏览器头部，页面中能够看到的内容都属于body中的内容；
window代表浏览器中打开的窗口，代表运行环境。
在javascript中：
window对象是一个虚拟的对象，浏览器在打开HTML文档时生成window对象，可以把它看作是你所使用...
一般页内跳转，像：锚点，scrollTo，location.hash正常情况下都是直接跳转的，没有动画，如果我们想要添加动画，就需要采取优化或其他办法。不多说，看下面。
今天用了三种方法，分别是scrollTo、自定义function和jQuery链式的方法，个人推荐第一种，因为非常简单，后续如果还有，会继续补充。
window.scrollTo中可以配置过渡效果，它本身是瞬间跳转到...
