从前我们在网页中会需要内容定位，或者返回顶部之类的功能，通常使用锚点来实现，但是页面跳转太过生硬，用户体验不够，现在可以通过scrollIntoView()实现平滑移动锚点效果。

behavior 表示滚动方式。
auto 表示使用当前元素的 scroll-behavior 样式。instant 和 smooth表示 直接滚到底 和 使用平滑滚动。

block 表示块级元素排列方向要滚动到的位置。
对于默认的 writing-mode: horizontal-tb来说，就是竖直方向。start 表示将视口的顶部和元素顶部对齐；center 表示将视口的中间和元素的中间对齐；end表示将视口的底部和元素底部对齐；nearest 表示就近对齐。

inline 表示行内元素排列方向要滚动到的位置。
对于默认的 writing-mode: horizontal-tb 来说，就是水平方向。其值与 block 类似

document.getElementById("ks1").scrollIntoView({
behavior: “smooth”,
block: “end”,
inline: “nearest”
});

document.getElementById("id") 与 $("#id") 的区别

如果仅从定位到元素的角度来看的话,两都是一样的.

区别：

document.getElementById()返回的是DOM对象，而$()返回的是jQuery对象。

$('#test')：是一个jquery写法,#test是一个过滤器表示方法，表示查找一个id是test的节点，返回的是一个数组对象，数组的[0]表示dom节点。

document.getElementById('test')：表示从document中查找一个id是test的dom节点