scrollIntoView 与 scrollIntoViewIfNeeded API 介绍

scrollIntoView 与 scrollIntoViewIfNeeded API 介绍

1、scrollIntoView

语法:

scrollIntoView(Boolean)
1.如果为true,元素的顶端将和其所在滚动区的可视区域的顶端对齐。
2.如果为false,元素的底端将和其所在滚动区的可视区域的底端对齐。

scrollIntoView(Object)

 let object={ behavior: "auto" | "instant" | "smooth", block: "start" | "end"}
1.如果是一个boolean,true 相当于{block: "start"},false 相当于{block: "end"}
2.behavior这个选项决定页面是如何滚动的,实测auto与instant都是瞬间跳到相应的位置,而smooth就是有动画的过程

兼容性:

 

 

2、scrollIntoViewIfNeeded

语法:

scrollIntoViewIfNeeded(Boolean)

1.如果为true,则元素将在其所在滚动区的可视区域中居中对齐。
2.如果为false,则元素将与其所在滚动区的可视区域最近的边缘对齐。 根据可见区域最靠近元素的哪个边缘,元素的顶部将与可见区域的顶部边缘对准,或者元素的底部边缘将与可见区域的底部边缘对准。

兼容性: