最近写了一个接口,实现追加的节点可见,
发现采用block: "center",若外层有滚动条,则外层也会滚动;
发现采用block: "nearest",可以解决若外层有滚动条,外层也随着滚动的问题;
// 让追加的节点可见
scrollIntoView(id) {
// 通过Id获取到对应的dom元素
let node = document.getElementById(id);
if (node) {
// node.scrollIntoView({ block: "center" }); // 若外层有滚动条,则外层也会滚动
node.scrollIntoView({ block: "nearest" }); // 若外层有滚动条,外层不会滚动
}
// behavior: 定义动画过渡效果,参数值为: "auto"或 "smooth" 之一。默认为 "auto",
// block: 定义垂直方向的对齐, 参数值为:"start", "center", "end", 或 "nearest"之一。默认为 "start",
// inline: 定义水平方向的对齐, 参数值为:"start", "center", "end", 或 "nearest"之一。默认为 "nearest"。
},