无法同时滚动两个元素

Question

在reactjs中，我有一个函数，可以在给定 useRef 时滚动元素：

 ref.current?.scrollIntoView({
      behavior: "smooth",
      block: "nearest",
      inline: "center",
    });

当同时对多个元素调用此函数时，只有第一个调用的元素才会真正滚动。

那么是不是不可能同时滚动多个元素？

如果可以的话，我做错了什么？

Answer 1

你是对的。当您在多个元素上使用scrollIntoView时，可能只显示最后一个滚动，因为浏览器一次处理一个滚动。要解决此问题，只需在每次滚动之间添加一个小的延迟即可。