Javascript 为什么'；t`ScrollIntoView`同时处理两个元素？

我在页面上有两个溢出的元素，我想同时调用

ScrollIntoView

，以查找这两个元素中的子元素

以下内容适用于Firefox，但不适用于Chrome。这是虫子吗

const-button=document.querySelector（'button'）；
const one=document.querySelector（'.one'）；
consttwo=document.querySelector（'.two'）；
按钮。addEventListener（'单击'，（）=>{
ScrollingToView（{block:'center'，behavior:'smooth'}）；
scrollIntoView（{block:'center'，behavior:'smooth'}）；
});
正文{
文本对齐：居中；
}
#容器{
显示：网格；
网格模板柱：1fr 1fr；
差距：1勒姆；
宽度：100%；
高度：130像素；
}
#容器>分区{
最大高度：200px；
溢出y：自动；
边框：1px纯黑；
}
钮扣{
字体大小：1.5rem；
保证金：0.5雷姆自动；
}

...
...
...
...
...
...
...
喝倒采
...
...
...
...
...
...
...
...
...
...
...
喝倒采
...
...
...
...
单击滚动
就像Chrome blocks 2平滑滚动一样。将“行为”更改为“自动”，滚动将起作用。
最好使用正常的
scrollTo（）
滚动方法和平滑滚动

我必须为{}

使用

，因为我指的是
#容器
中的可滚动div集合：

const container_div = document.querySelectorAll("#container > div");

另外，我为两个
控件标记指定了相同的类：

const text = document.querySelectorAll(".boo");


const button=document.querySelector（“按钮”）；
const container_div=document.queryselectoral（“#container>div”）；
const text=document.querySelectorAll（“.boo”）；
按钮。addEventListener（“单击”，（）=>{
对于（i=0；i
正文{
文本对齐：居中；
}
#容器{
显示：网格；
网格模板柱：1fr 1fr；
差距：1勒姆；
宽度：100%；
高度：130像素；
}
#容器>分区{
最大高度：200px；
溢出y：自动；
边框：1px纯黑；
}
钮扣{
字体大小：1.5rem；
保证金：0.5雷姆自动；
}

...
...
...
...
...
...
...
喝倒采
...
...
...
...
...
...
...
...
...
...
...
喝倒采
...
...
...
...
单击以滚动
谢谢，这太可惜了，因为我想要平滑的滚动。我将使用库路径。我使用
scrollTo（）
为您提供了解决方案。你有什么问题或要求吗？在我的代码中有什么需要做的吗？并尽量避免使用ScrollIntoView。因为有缺点。比如说-