scroll 和 scrollTo 的区别

项目里需要用到屏幕滚到的行为。查询api 之后发现了滚动接口中的两个。然后又很奇怪他们直接的区别，应该如何选择。

首先时mdn的解释，这里说一句，mdn此处的翻译不是特别的准确，也可能是按照功能去翻译的。

scroll()

The scroll() method of the Element interface scrolls the element to a particular set of coordinates inside a given element.

scrollTo()

The scrollTo() method of the Element interface scrolls to a particular set of coordinates inside a given element.

看起来区别不大，然后看一下规范草案给出的定义

放上链接： https://drafts.csswg.org/cssom-view/#dom-element-scrollto

核心表述是这句话 Let document be the element’s node document. 这个是浏览器实现的功能。

往下看还有一句话： When the scrollTo() method is invoked, the user agent must act as if the scroll() method was invoked with the same arguments.

也就是说这俩对于浏览器实现的时候表现要一致。

总结来说，确实没什么区别。至于为什么有两个，我也不清楚。浏览器具体怎么去实现规范，这个就视情况而定了。

scroll 和 scrollTo 的区别相关推荐

scrollBy与scrollTo的区别与用法
xnum:向右滚动的像素 ynum:向下滚动的像素 scrollBy(xnum,ynum) 方法是相对当前位子滚动的 * scrollBy() 在老版本的浏览器里只支持 window不支持 D ...
JavaScript中关于滚动scrollBy()与scrollTo()的区别
先说结论: scrollBy(x,y)是根据当前位置来计算的 scrollTo(x,y)是从原点(0,0)开始计算的 x表示向右滚动的像素数,y表示向下滚动的像素数. 代码: <!DOCTYPE ...
基于vue2.0以及better-scroll实现scroll滑动组件及所实现组件的应用例子
直接上源码: 组件:scroll.vue,需要先npm install better-scroll <template><div ref="wrapper"> ...
vue 移动端音乐(3) amp;amp;gt;热门歌单推荐部分（webpack-dev-conf.js做后端接口代理+scroll插件）
1. 首先,获取歌单推荐部分的数据,与获取推荐数据不同,热门歌单数据的接口有host和referer的显示,我们的api请求被拒绝(500错误),必须要修改header,但是前端不能直接修改reque ...
html页面滚动条监听事件,滚动条的scroll事件
在vb中,滚动条的scroll 事件和change 事件的区别scroll和change的区别为:指代不同.用法不同.侧重点不同一.指代不同 scroll:滚屏,滚动. change:变更,变革. ...
ES--深分页Scroll
一.前言 1.1.scroll与from+size区别之前讲过from+size的分页,为何又有scroll+size的深分页呢?这里先对比一下两者的区别: ES对于from+size的个数是有限制 ...
Scroller的使用及解析（滑动删除）
在学习这个之前,你首先要了解android的消息机制,Android的坐标系统,android View绘制流程 scrollBy 个 scrollTo的区别 scrollTo:相对View的初始位置 ...
前端学习——17——获取窗口属性，dom尺寸，让滚动条滚动
一:查看滚动条的滚动距离 1:window.pageXOffset 2:window.pageYOffest (IE8及IE8以下不兼容) <!DOCTYPE html> <html ...
【JavaScript 笔记】基础内容
文章目录 JavaScript 特点 1.浏览器组成 2.JavaScript - 解释型语言,单线程,也叫ECMAscript(ES) 3.js有三个部分 4.js执行队列,轮转时间片(类似吃饭) ...

scroll 和 scrollTo 的区别

scroll 和 scrollTo 的区别相关推荐

最新文章

热门文章