Javascript scrollIntoView（）在Chrome中的多个元素上使用平滑函数

元素。行为设置为
平滑的scrollIntoView
在Chrome中无法正常工作。当它仅用于callstack中的一个元素时，它可以正常工作。但是如果在多个元素上使用，则只有最后一个元素会真正滚动

这在Firefox中运行良好。在Chrome中有解决这个问题的方法吗


const$=（s）=>document.querySelector
const$$=（s）=>document.querySelectorAll（s）
常量容器=$（“.container”）
for（设i=0；i<2；i++）{
document.body.appendChild（container.cloneNode（true））
}
函数scrollIntoView（行为）{
for（常量元素为$$（“.reveal”））{
element.ScrollingToView({
行为，
块：“结束”
})
}
}
$（“.instant”）.addEventListener（“单击”，（）=>scrollIntoView（“即时”））
$（“.smooth”）.addEventListener（“单击”，（）=>scrollIntoView（“平滑”））
$（“.reset”）.addEventListener（“单击”，（）=>{
for（常量元素为$$（“.container”））{
元素。滚动到（0，0）
}
})
.container{
最大高度：计算（33vh-12px）；
溢出y：自动；
}
.揭露{
颜色：红色；
}

瞬间
光滑的
重置
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一种新的元素。多内克·奎斯·伊斯特·沃里帕特，达皮布斯·尼斯拉，康塞奎特·图尔皮斯。在福西布斯·内克·弗林吉利亚的《福西布斯·埃罗斯·埃古斯塔斯》中，奎斯克·康瓦利斯·努克·福西布斯·厄罗斯·埃古斯塔斯。我是阿利奎姆，我是暂时的贵人
前庭、无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶无顶。埃涅亚是一个充满活力的精英名言。亨德雷特前庭多洛·莫里斯。普罗因·奎斯·拉库斯是一只大羚羊。塞德·拉库斯·莫里斯（Sed lacus mauris）是一位家族成员，
拉齐尼亚·韦尔厄罗斯。整型临时发酵玉米饼。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。这是一种有效的治疗方法，是一种无效的治疗方法。他是一个非常聪明的人，他是一个非常聪明的人。悬钩子
坐在amet interdum nisl，欧盟最大自由主义者。nisi nulla，iaculis eu est a，mattis tincidunt sem。佩伦特斯克非奥奇达比布斯，同侧尊严a，菲尼布斯梅特斯。这是一个很好的选择。CRA非孕妇乌尔纳。
临终前的临终关怀，临终关怀。南威尼斯大酒店，西威尼斯酒店。一个整数，一个整数，一个整数。Phasellus iaculis risus elementum，vulputate est sed，
直径。Phasellus lobortis felis purus，坐在维韦拉狮子座的amet mattis elit pharetra ac.Nulla。梅塞纳是一种大调味品。梅塞纳斯·波特·泰勒斯坐在发酵罐旁。多奈克ultricies blandit enim id mollis。罗汉果
坐在阿梅特·波苏尔·瓦里乌斯旁边。大舌苔悬钩子。纳拉姆·洛雷姆·内克，索利西图丁ac的维韦拉，库苏斯·内克·普鲁斯。这是一个很好的例子，它是一个很好的例子。克拉斯
lacinia libero eu eleifend sodales。康瓦利斯庄园、威尼斯酒馆、semper sem。临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时临时
毛里斯·奥迪奥。finibus congue的整数pharetra arcu。普鲁恩·佩伦茨克·弗林迪利亚·布兰迪特。伊格斯塔斯国际酒店。无便利。这是一个好消息。不可将前庭前庭侧弧侧的非orci dapibus risus pellentesque cursus。脯氨酸
帕特·泰勒斯是一位杰出的拍卖人，坐在阿梅特·汀西登·安特·库苏斯旁边。不要让福西布斯坐在自由女神的位子上。前庭的生命。Mauris和lobortis libero，vel facilisis metus。酒后驾车是欧盟-威尼斯人酒后驾车。Fusce孕妇
尼布·奥迪奥，我是乌拉姆科珀·尼布·鲁特鲁姆。在达皮布斯，非拍卖人埃吉斯塔、维尼那提斯广场和非图尔皮斯的终点站。纳拉姆·阿库·迪亚姆，埃拉特ac的马蒂斯，维韦拉·洛博蒂斯·费利斯。在尼西麦格纳。乌尔特里塞斯维利特，奎斯
自由汽车。在大鼠前额前额前额，大鼠前额前额前额前额前额，大鼠前额前额前额前额前额前额前额前额前额前额前额前额前额前额前额前额前额前额前额。猫科动物被放逐的时候，他们的生活充满了欢乐。非枕前的库拉比图尔（Curabitur non pulvinar ante），eget molestie nibh。设施便利，直径为24mm，不含骨灰
以最快速度计算，非拍卖人在8月1日前到期。Donec pretium laoreet est，临时侵权人laoreet ac。
揭露！
根据drafts.csswg.org上的说明，无法使用平滑功能同时滚动多个元素

当用户代理要将滚动框滚动到给定位置、关联元素和可选的滚动行为（如果省略，则为“自动”）时，必须运行以下步骤：

中止任何正在进行的方框平滑滚动
如果用户代理接受“滚动行为”属性，且以下任一项为真：

行为是“自动”的，元素不为null，滚动行为属性的计算值是平滑的
行为是平稳的

…然后将长方体平滑滚动到位置。否则，执行方框到位置的即时滚动

你的选择是：


使用本机平滑功能逐个滚动元素
使用不同的API或库为元素设置动画
在功能上设计不同的东西，所以它们不需要同时滚动
有趣。。。据说他们必须“中止任何正在进行的盒子平滑滚动”。按理说，“框”可能不一样，但因为这里它也包括主体（甚至父框架），听起来也像是一个合法的读取来中止所有以前的平滑滚动。这并没有真正的帮助。我有一个案例，我绝对需要它来滚动两个容器。我有一个滚动侧边栏中的链接列表，在正文中我有一些元素我想滚动到