媒介

在处置惩罚页面内腻滑转动我们运用的计划无外乎以下几种

1. 运用a标签的href属性
2. 运用location.href
3. 运用第三方库

关于1、2点，楼主写了一个例子
http://js.jirengu.com/qevud

缺点

假如我们运用a标签的href属性的话：
其一是受限——只能在a标签上运用这一功用
其二是a链接改变了url，这可能会给我们形成一些不必要的贫苦
其三是没有动画结果（这点产物不能忍）

假如我们运用location.href的话：
比a标签好一点，就是能够运用js掌握了，别的迥然不同

运用第三方库能够处理以上的题目，不过贫苦呀

下面，盛大引见一下本日的主人公 —— Element.scrollIntoView()

Element.scrollIntoView()

Element.scrollIntoView()要领让当前的元素转动到
浏览器窗口的可视区域内

详细的引见人人能够去MDN自行浏览，笔者重要引见它的参数scrollIntoViewOptions对象的behavior属性。
这个属性重如果用来供应动画结果的，个中auto和instant都是霎时抵达元素所在位置，然则smooth供应了一个腻滑转动的动画结果。

现实运用

马马虎虎撸个什么回到顶部，回到底部，回到这回到那的功用，所以，懂了伐【奸笑容】

关于兼容性的题目

基础一切浏览器（包含IE8但Opera Mini不可）做到基础跳转是没题目的，不过动画结果支撑的就太少了，详细人人能够去caniuse上看。

假如做内部体系，交互请求又不高，这个API如今已经是我的首选了，愿望人人多多运用~~