h5页面中对于scrollIntoView的应用实例

1.scrollIntoView 的参数 （MDN-scrollIntoView详情内容）

alignToTop:
如果为true，元素的顶端将和其所在滚动区的可视区域的顶端对齐
如果为false，元素的底端将和其所在滚动区的可视区域的底端对齐。
默认情况下为true

scrollIntoViewOptions
behavior 定义动画过渡效果， "auto"或 “smooth” 之一。默认为 “auto”。
block 定义垂直方向的对齐， “start”, “center”, “end”, 或 "nearest"之一。默认为 “start”。
inline 定义水平方向的对齐， “start”, “center”, “end”, 或 "nearest"之一。默认为 “nearest”。

2.进入某个页面时，默认将内容区域滚动到最顶层
纵向的情况

elem: 内容区域的dom元素
elem.scrollIntoView(true,{behavior: "smooth"})

横向的情况

elemLine: 横向的某个内容区域的dom元素
elemLine.scrollIntoView({behavior: "smooth", inline: 'end'})