使用scrollIntoView 使某元素滚动到指定位置

var el = document.getElementById('A');
el.scrollIntoView('true');

知识：

element.scrollIntoView(); // 使用的前提是可滚动
element.scrollIntoView(alignToTop); // Boolean 型参数
element.scrollIntoView(scrollIntoViewOptions); // Object 型参数

alignToTop为true时，元素滚动到可滚动区域的顶部，且默认值为true，等同于 element.scrollIntoView（{block: "start", inline: "nearest"}）；

　　　　　　为false时，元素滚动到可滚动区域的底部，等同于 element.scrollIntoView（{block: "end", inline: "nearest"}）

。

scrollIntoViewOptions：{

　　behavior:  定义动画过渡效果， "auto"或 "smooth" 之一。默认为 "auto",

　　block:  定义垂直方向的对齐， "start", "center", "end", 或 "nearest"之一。默认为 "start",

　　inline:  定义水平方向的对齐， "start", "center", "end", 或 "nearest"之一。默认为 "nearest"。

}



还可以使用scrollTop

      var el = document.getElementById(‘A’);     // 需要出现在顶部的元素
      var content = document.getElementById('scrollbox')  // 父级容器
      let top = el.offsetTop;
      content.scrollTop = top;