实现浏览器滚动到指定位置详解element.scrollIntoview和window.scrollTo

1、问题概述？

浏览器滚动技术，可以实现如下内容：

1、实现点击标题内容滚动到指定的位置

2、实现点击Top回到浏览器的顶端。

3、常用技术scrollIntoView和scrollTo两者各有不同。

2、scrollIntoView函数使用详解

2.1、scrollIntoView设置滚动模式

平滑滚动：比如默认位置在1，触发后，会从1划到2,3,4...直到划到10停止。

无动画直接跳转：比如默认位置在1，触发后直接出现到10的位置，比较生硬。

【1、通过true和false设置跳转方式方式】

element.scrollIntoView(false):直接跳转

element.scrollIntoView(true):平滑跳转

//获取浏览器中的指定的元素
var element=document.getElementById("elementid");
//实现滚动
element.scrollIntoView(true);

【2、通过属性设置跳转方式】

效果与直接设置true和false相同。

behavior:'smooth'平滑跳转